Html 在Div中加载jQuery

我试图在JavaScript生成的div（子页面）中调用jQuery操作。这方面我还不太熟悉，所以请容忍我

在index.html中，我通过JavaScript加载命令填充一个div

    <ul>
            <li><a href="./data/new_group_form.php" onclick="load('./data/new_group_form.php','content');return false;">Add new Group</a></li>
            <li><a href="./data/list_group.php" onclick="load('./data/list_group.php','content');return false;">List Groups</a></li>
    </ul>

    <div id="content"></div>

然后在生成的页面上（它不是完整的HTML页面，只是一个表单）

$（'input'）.live（'click'，function（））{
$（“输入：.datepicker”）.datepicker（）；
});

组号：
开始日期：
结束日期：

我正在尝试运行jQuery脚本，但它不会运行任何东西。我知道它与.live（）函数有关，对吗

---

如何使jQuery函数在创建的新DIV中运行？

您的选择器错误：

$("input:.datepicker").datepicker();

您需要删除：

$("input.datepicker").datepicker();

请注意，

live

已被弃用，如果您使用的是jQuery 1.7+版，请改用

on

函数

$('body').on('click', 'input',function(){
    $("input.datepicker").datepicker();
});

用保存动态输入（div\form）的最近静态元素替换

body

---

将内联脚本移动到js文件（与关注点分开）。HTML应该只负责页面的显示，而不是脚本。

提示：如果您使用的是jQuery和inline

onclicks

，那么您可能没有正确使用jQuery。后退几步，查看jQuery的

live

、

delegate

和

on

事件，以便在将jQuery加载到DOM中时将其附加到内容。感谢您的反馈。我对这件事绝对是新手。我希望将这些功能添加到预先存在的页面中。也许我必须改变链接这些页面的方式。甚至可能使用jQuery来创建那些导航链接，不是吗？

$('body').on('click', 'input',function(){
    $("input.datepicker").datepicker();
});