jQuery的添加HTML代碼沒有奏效

我開始新的項目，我使用jQuery的內容添加到文章jQuery的添加HTML代碼沒有奏效

當我創建這個代碼滑塊：

$(".inserttabtext1").click(function() { 
    var count = parseInt($(".firsttabtextcount").attr("name"), 10); 
    var name = parseInt($(this).attr("name")); 
    var id = "#" + name; 
    var idi,idt,content,idic,idtc; 
    content = "<div class='short-tabs'><ul>"; 
    for (var i = 1; i <= count; i++) 
    { 
     idi = "#ftti" + i; 
     idic = $(idi).val(); 
     if (i == 1) 
     { 
      content += "<li class='active'><a href='#'> " + i + idic + "</a></li>"; 
     } 
     else 
     { 
      content += "<li><a href='#'> "+ i + idic +"</a></li>"; 
     } 
    } 
    content += "</ul>"; 
    for (var i = 1; i <= count; i++) 
    { 
     if (i==1) 
     { 
      content += "<div class='active'>"; 
     } 
     else 
     { 
      content += "<div>"; 
     } 
     idt = "#fttt" +i; 
     idtc = $(idt).val(); 
     content += "<p class='text-go-center'>"+idtc+"</p></div>"; 
    } 
    content += "</div>"; 
    $(id).html(content); 
});

，並把它們轉換成html代碼我的文字滑塊沒有奏效

但是當我把手冊的HTML代碼在我的網頁它的工作

我使用這些代碼複製我的html代碼

$(id).html(content); 
$(id).append(content);

我的錯在哪裏？

來源

2016-03-26 Amir Nahravan

滑塊顯然是在您的JS的某處，在頁面加載時啓動的。既然你動態添加元素，它不會工作，除非你重新初始化它。查找滑塊在何處以及如何啓動，並在最後添加到您的函數中，以便元素通過滑塊初始化 – KyleK

請包括在文檔Load上啓動頁面的JavaScript和HTML。另外，請包含您用於生成滑塊的一些示例數據。 –

亞倫當我手動添加我的HTML代碼到我的項目我的代碼工作但是當我添加它與jquery它不工作我使用此代碼添加我的代碼到HTML $（「body」）。html（content）;和$（「body」）。append（content）; –

創建一個函數，並把它裏面的滑塊碼，然後調用它在$（文件）。就緒，並添加HTML

$(id).html(content); 
$(id).append(content); 
Init();

後添加HTML

$(document).ready(function(){ 
    Init(); 
}); 

function Init(){ 
    //Call your slide function here 
}

調用初始化後重新叫它

來源

2016-03-26 16:37:28

我不能這樣做，因爲我不知道這個頁面是否有滑塊或者不是用戶決定是否要滑動 –

你如何初始化滑塊？但是，您需要在添加HTML之後再次初始化它，也許我可以幫助您，如果我看到整個js代碼 –

jQuery的添加HTML代碼沒有奏效

回答

相關問題