jQueryロードデータターゲットが持続しない

ツールバーの機能がいくつか含まれていますnavbar.htmlがあります。私はHTMLを読み込むときjQueryロードデータターゲットが持続しない

<a role="button" data-target="#panelOverlays" aria-haspopup="true">

は、データ・ターゲット機能が動作していない：

私はdata-targetsセットとのリンクがあるnav-bar.html内部で別のページ$("#nav-bar").load("nav-bar.html")

上のdivにそれをロードしています静的にうまく動作します。

アイデア？

ありがとうございました。

出典

2016-07-20 NorCalKnockOut

私はときに、ページが最初にロードデータの属性のみが設定されていると思います。したがって、動的にHTMLをページ '$（セレクタ）.data（ 'target'）にロードしている場合、動作しません。代わりに '$（selector）.attr（ 'data-target'）'を使用してください。 –

@MartinHansenLennox返事をありがとう。 'data-target'は自分のコードではなく、ブートストラップライブラリで呼び出されます。私はこれを変更することはできません。 – NorCalKnockOut

ナビゲーションバーをリロードした後に初期化するブートストラップ関数を呼び出す必要があるかもしれません。 – Barmar

bootstrap.jsは、データ属性をバインドしていたため、負荷の処理後も含めました。みんな、ありがとう。

これは私がやってしまったものです：

<script> 
$("#nav-bar-container").load("nav-bar.html", function() { 

    var script = document.createElement("script"); 
    script.type = "text/javascript"; 
    script.src = "../libs/bootstrap/bootstrap.js"; 
    $("body").append(script); 
}); 
</script>

出典

2016-07-20 20:41:58 NorCalKnockOut

jQueryロードデータターゲットが持続しない

答えて

関連する問題