HTML腳本.load防止響應元素

Question

我從這里開始使用gumby framework ，似乎一切進展順利。 我想實現移動導航列表（其中鏈接一個按鈕進行分組詳見這里 ）。

這對於普通的HTML頁面可以正常工作，但是由於我有多個頁面具有相同的頁眉（導航欄）/頁腳，因此我決定將所有HTML放在單獨的文件中，並用腳本加載它們：

<script>
    // load navigation/footer
    $(function () {
        $("#navigation").load("html/nav.html");
        $("#footer").load("html/footer.html");
    });
</script>

問題是，當我這樣做，我的手機導航列表不起作用 （好像移動導航欄正在初始化，然后將文檔加載導致沒有掛鈎的HTML）。 我希望對此有一個簡單的解決方法。 有任何想法嗎？

謝謝。

Answer 1

當你說

防止響應元素

您是說事件處理程序等未綁定到已加載的新HTML嗎？

---

一種方法是設置委托事件處理程序

$(document).on('click','.mylaterloadedanchors', function() { ... 

但這太多了，實在是太過分了。

---

另一個是研究控制綁定到可以在加載模板/ DOM部分之后調用的函數的功能。

• 加載模板
• 設置模板的處理程序。

說，

var app = function() { 

    .. list all listeners etc
    };

/* load templates using the callback jq provides for .load() 
   and trigger the app containing the listeners*/

$('#navigation').load('html/nav.html', app);

---

另一種方法是從nav.html頁面本身中nav.html js綁定。

管理“視圖”時，這不是一個壞主意-例如

nav.html隨附nav.js等。

用的ViewModels和viewbindings 意見