jQuery - Aggiungi JavaScript a un Div

Question

Sto usando jQuery per aggiungere un po 'di JavaScript quando un articolo è espanso.

Ma il codice JavaScript all'interno della funzione jQuery sta causando l'esplosione del resto del codice jQuery.

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

Cosa posso fare per risolvere questo problema?

Answer 1

Per la aggiungendo JavaScript problema uso questo:

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

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

Altrimenti una soluzione migliore sarà quella di legare-up di Li evento click:

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

In realtà io non so quale lingua stai usando. Se stai usando ASP.NET per favore leggi questo blog di 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

provare ad aggiungere un \ prima /script e dovrebbe risolvere il problema.

Answer 4

può provare come questo

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