jQuery - 將JavaScript附加到Div

Question

當擴展項目時，我使用jQuery附加了一些JavaScript。

但jQuery函數內部的JavaScript代碼導致其餘的jQuery代碼爆炸。

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

我該如何解決這個問題？

Answer 1

對於附加JavaScript的問題，使用這樣的：

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

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

否則一個更好的選擇將是線向上李的 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); 
      } 
     }); 
}); 

其實我不知道用什麼語言你正在用嗎。如果您使用ASP.NET，請閱讀Dave的blog。

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

嘗試添加\之前/script，它應該解決您的問題。

Answer 4

可以嘗試這樣

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