爲什麼我不能在Wordpress中使用jQuery添加新的div？

我在嘗試基於CSV文件動態生成頁面內容。爲什麼我不能在Wordpress中使用jQuery添加新的div？

一切都很好，但似乎我無法在頁面上創建新的div。

<script type="text/javascript"><!--//--><![CDATA[//><!-- 
$(document).ready(function() { 
$.ajax({ 
     type: "GET", 
     url: "celebs.csv", 
     dataType: "text", 
     success: function(data) { 
      var newData = processData(data); 
      for (var i in newData){ 
       buildCeleb(newData[i]); 
      } 
     }, 
     error: function(){ 
      alert('error'); 
     } 
    }); 
function processData(allText) { 
    var allTextLines = allText.split(/\r\n|\n/); 
    var headers = allTextLines[0].split(','); 
    var lines = []; 
    for (var i=1; i<allTextLines.length; i++) { 
     var data = allTextLines[i].split(','); 
     if (data.length == headers.length) { 
      var tarr = []; 
      for (var j=0; j<headers.length; j++) { 
       tarr.push(headers[j]+":"+data[j]); 
      } 
      lines.push(tarr); 
     } 
    } 
    // alert(lines); 
    return lines; 
} 
function buildCeleb(celeb){ 
var name = celeb[0].split(':')[1]; 
var facebook = celeb[1].split(':')[1]; 
var twitter = celeb[2].split(':')[1]; 
var reach = celeb[3].split(':')[1]; 
var profession = celeb[4].split(':')[1]; 
var photo = celeb[5].split(':')[1]; 
$("#cy-container").append("<div></div>"); 
} 
}); 
//--><!]]></script>

這是$("#cy-container").append("<div></div>");部分似乎被打破。如果我用說，name或facebook或甚至硬編碼字符串文字替換div，它可以工作並顯示在頁面上。

現在，我對Wordpress的瞭解不多，但是我想要做什麼錯？

來源

2012-09-24 Cody

有你試圖使用「Noconflitct」？ Jquery在包含Jquery的自定義主題中存在很多問題。所以使用：「$ j = jQuery.noConflict（）;」並用「$ j」代替你的「$」。 – 2012-09-24 06:42:56

這不可能 - 它使用字符串文字時工作正常。 – Cody

你能否提供你的celebs.csv文件的樣本格式？ – bodi0

該div應該有內一定的價值要顯示它.. 嘗試給

$("#cy-container").append("<div>Hello "+name+"</div>");

來源

2012-09-24 06:43:11

是的，我試過了。它好像腳本「中斷」 - 當我嘗試添加新的div時，腳本開始處的「alert」不再觸發。 – Cody

嘗試這樣的事情

$("#cy-container").append($("<div></div>"));

來源

2012-09-24 07:31:27

試試這個

$('#cy-container').append("<div/>");

來源

2012-09-24 16:21:11 Bryant

爲什麼我不能在Wordpress中使用jQuery添加新的div？

回答

相關問題