2016-03-26 8 views
0

を働いていない追加私は新しいプロジェクトを開始し、私はこのコードのスライダーを作成するときに、物品jQueryのhtmlコードが

にコンテンツを追加するためにjqueryのを使用します。

$(".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コードを入れたときには、

に動作しません210

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

どこが間違っていますか?

+0

スライダーは明らかにJSのどこかで、ページの読み込み時に開始されています。あなたは動的に要素を追加しているので、再初期化しない限り、動作しません。スライダがどこでどのように開始されているかを見つけて、最後に関数に追加するだけで、要素がスライダでイニシャライズされます。 – KyleK

+0

ドキュメントLoadでページを開始するjavascriptとHTMLを含めてください。また、スライダの生成に使用するサンプルデータもいくつか含めてください。 –

+0

私は自分のプロジェクトに手作業でhtmlコードを追加しました。私のコードの仕事は でしたが、jqueryで追加したときにうまくいきませんでした。 私のコードをhtmlに追加するのにこのコードを使用します $( "body"); $( "body")。 –

答えて

0

関数を作成し、その中にあなたのスライダーコードを入れて、その後、$(ドキュメント).readyをそれを呼び出すし、HTML

$(id).html(content); 
$(id).append(content); 
Init(); 
を追加した後、HTML

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

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

コール初期化を追加した後、再びそれを呼び出します

+0

私はこのページにスライダがあるかどうかわからないのでそれを行うことはできません ユーザはスライダしたいかどうかを決定します –

+0

どのようにスライダを初期化しますか?しかし、HTMLを追加した後にもう一度初期化する必要があります –

関連する問題