Javascript 在jQuery Mobile创建了一个新的页面div之后，如何执行定制js？

因此，我将Django 1.3和jQuery Mobile用于一个Web应用程序。当尝试创建新功能或覆盖jQM的某些功能时，我似乎无法让它在页面创建时执行某些代码。我仍然对js很在行，但这似乎是一个比我更大的问题

最后，我把js代码片段放在页面上，这似乎不是处理它们的正确方法，有时有效，有时无效。我在Chrome的脚本控制台中尝试了相同的命令，选择器和命令似乎工作正常

示例：

隐藏滑块上的数字输入我最终将此脚本标记放入模板本身，我知道这是一种糟糕的形式，但我不确定如何使其正常工作：

<script>
    $('#form_div > input').hide();
</script>

---

如有任何建议，将不胜感激。

请查看此处的文档：

---

需要注意的是，在任何页面上执行的所有javascript都必须放在基本页面中（比如：index.html）。如果在page2.html中添加page2.html的javascript，则不会执行该脚本。如果在index.html中添加page2.html的javascript，它将被执行。

请查看此处的文档：

---

需要注意的是，在任何页面上执行的所有javascript都必须放在基本页面中（比如：index.html）。如果在page2.html中添加page2.html的javascript，则不会执行该脚本。如果在index.html中添加page2.html的javascript，它将被执行。

谢谢Phill。我以前确实看过那些文档，但当我没有及时工作时。我将方法更改为pagebeforeshow（），并使用了带有id选择器的div，因此脚本不会每次向DOM添加新div时都运行。感谢您指出了正确的方向。请注意，

live（）

已被弃用，应替换为委托处理程序，类似于

$（“body”）。on（“pageshow”，“div.page”，function（）{…}）live（）

已被弃用，应替换为委托处理程序，类似于

$（“body”）。on（“pageshow”，“div.page”，function（）{…}）
<script>
        console.log("Focus snippet!");
        $('.ui-input-text').blur(function(){
            console.log("focus was changed!");
        });
</script>

$(“body”).delegate(“div[data-role*='page']“, “pageshow”, function(){

// Your code here. It is good to check to not run unnecessary code

});

$('div').live('pageshow',function(event, ui){
  alert('This page was just hidden: '+ ui.prevPage);
});

$('div').live('pagehide',function(event, ui){
  alert('This page was just shown: '+ ui.nextPage);
});