jQuery - Ajoute JavaScript à une div

Je suis en utilisant jQuery à l'ajout de certains JavaScript lorsqu'un élément est développé.

Mais le code JavaScript à l'intérieur de la fonction jQuery est à l'origine du reste de l'jQuery code à exploser.

$(this).parent('li').find('.moreInfo').append('<script>alert("hello");</script>');

Que puis-je faire pour résoudre ce problème?

source d'informationauteur Tim | 2009-06-07

  1. 17

    Pour l'ajout de JavaScript problème, utilisez ceci:

    var str="<script>alert('hello');";
str+="<";
str+="/script>";

$(this).parent('li').find('.moreInfo').append(str);

    Sinon une meilleure option sera de fil-jusqu' li cliquez sur l'événement:

     $("ul#myList li").click(function(){
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "url to your content page",
            data: "{}",//any data that you want to send to your page/service
            dataType: "json",
            success: function(msg) {
                $(this).find('.moreInfo').append(msg);
            }
        });
 });

    En fait, je ne sais pas quelle est la langue que vous utilisez. Si vous utilisez ASP.NET veuillez lire ce blog par Dave.

  2. 2
    $(document).ready(function() {
        $("ul").each(function() {
            var _list = this;
            $(_list).find("li").click(function() {
                var _listItem = this;
                $(this).animate({ height: 20 }, 300);
                $(this).append("<script type='text/javascript'>" + "$('.resultsParag').text('I am injected via JS and will not mess up the other JS you have written cause I am a good boy');" + "</" + "script>");
            });
        });
    });
  3. 2

    Essayez d'ajouter un \ avant /script et devrait résoudre votre problème.

  4. 0

    Pouvez essayer comme ceci

    $(this).parent('li').find('.moreInfo').append('<script>alert("hello");</' + 'script>');