Question

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

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

这会将来自本地HTML文件的内容通过菜单超链接加载到#content div中。它工作得很好，但我想让它更具体，所以它只适用于#menubar div中的点击。

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>

仅在特定div元素内部运行带有onclick事件的脚本

2 个答案: