Question

我有一个XHTML严格网站'main.php'，其中包含正常的标题，其中加载了jQuery和其他脚本 - 还有一个菜单：

        <div id="tab">
            <ul>
                <li><a href="#" onclick="content('load/feed.php');"><img src="feed_active.png" width="16" height="16" alt="Feed" /></a></li>
                <li><a href="#" onclick="content('load/feed2.php');"><img src="feed2_off.png" width="16" height="16" alt="Feed2" /></a></li>
            </ul>
        </div>

单击，通过jQuery.load（）加载URL;进入#content div。一切正常，并且还添加了main.php中为feed.php定义的CSS #content div。

现在问题：在加载的文件中，例如feed.php有一个图像

<img src="test.jpg">

我添加了自己的jQuery.mouseover，mouseout功能 - 它不起作用！另外我在main.php中有一个输入框在通过AJAX加载的feed.php中有一个链接，例如

<a href="#" onclick="jQuery('#entermessage').val('test');">

它也不起作用，为什么？我认为AJAX加载页面集成到main.php？但我的所有JS / jQuery Stuff都不起作用？

希望你明白并希望你能帮忙吗？

Answer 1

使用live事件处理程序：

将处理程序绑定到事件（如点击）了解所有当前和未来 - 匹配元素。也可以绑定自定义事件

如：

$('#myImage').live("mouseover", function() {
    // do stuff
}).live("mouseout", function() {
    // do stuff
});

$('#myLink').live("click", function() {
    // do stuff
});

jQuery AJAX加载内容问题

1 个答案: