javascript - 仅在特定 div 元素内时使用 onclick 事件运行脚本

Question

我正在考虑运行这个脚本：

$(document).ready(function() {
    $('a').click(function(e) {
        var urlyep=(this)
        e.preventDefault();
        $("#content").load($(urlyep).attr('href'));
    });
});

这会通过菜单超链接将本地 HTML 文件中的内容加载到#contentdiv 中。它工作得很好，但我想让它更具体，所以它只在#menubardiv 中单击时才有效。

Answer 1

呃……你是说$('#menubar a').click(…)？

Answer 2

        <script type="text/javascript">
        $(document).ready(function() {
        $('#menubar a').click(function(e) {
        var urlyep=(this)
        e.preventDefault();
        $("#content").load("yourexternalpage.html");
        });
        });
        </script>

        <div id="content" >new content will go here</div>
        <div id="menubar" >menubar</div>

如果您在菜单栏上有多个链接，我假设您有，每个都需要加载它自己的内容/页面，您可以执行以下操作。

        <script type="text/javascript">
        $(document).ready(function() {
        $('#menubar a').click(function(e) {
        var urlyep=(this.name);
        e.preventDefault();
        $("#content").load(urlyep);
        });
        });
        </script> 

        <div id="content" >new content will go here</div>
        <div id="menubar" ><a href="#" name="page1.php" >menubar link1</a>-<a href="#" name="page2.php" >menubar link2</a></div>