jQuery - Annexer JavaScript à une Div

Question

J'utilise jQuery pour ajouter un peu JavaScript lorsqu'un élément est agrandi. Mais le code JavaScript à l'intérieur de la fonction jQuery provoque l'explosion du reste du code jQuery.

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

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

Answer 1

Pour le problème JavaScript annexant utiliser ceci:

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

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

Sinon une meilleure option sera de fil-up événement click de li:

$("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 langue Utilises-tu. Si vous utilisez ASP.NET s'il vous plaît lire ce blog par Dave.

Answer 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>"); 
      }); 
     }); 
    }); 

Answer 3

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

Answer 4

peut essayer comme ça

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