我如何导航到一个内部链接和执行jquery函数

本文关键字：链接 内部 执行 函数 jquery 一个 何导航 导航 | 更新日期: 2023-09-27 18:09:42

我是一个jquery新手。我正在使用这个jquery代码片段，它工作得很好。但是我想从网站的任何地方导航，仍然有功能工作:

    function showselectedbox(theselectedbox) {
        $(".pageboxes").each(function (index) {
            if ($(this).attr("id") == theselectedbox) {
                $(this).show(200);
            }
            else {
                $(this).hide(600);
            }
        });
    }
<a id="myHeader1" href="javascript:showselectedbox('mynewboxes1');" >show this one only</a>
<div class="pageboxes" id="mynewboxes1">Div #1</div>
<a id="myHeader2" href="javascript:showselectedbox('mynewboxes2');" >show this one only</a>
<div class="pageboxes" id="mynewboxes1">Div #1</div>

…还是老样子。

我还为导航建立了一个选项卡菜单，并希望选中的链接标记。

<div id="metaltop-teal">
                            <ul>
                                <li class="first active"><a id="myHeader1" href="javascript:showonlyone('mynewboxes1');" >show this one only</a></li>
                                <li><a id="myHeader2" href="javascript:showonlyone('mynewboxes2');" >show this one only</a></li>...
                            </ul>
                        </div>

是否还有另一种方式来格式化url?例如:<a href="url" ...>link to page</a>

谢谢

我如何导航到一个内部链接和执行jquery函数

你应该把你的javascript放在一个。js文件中，然后把这个文件包含在你的其他文件中:

 <script src="yourfile.js" type="text/javascript"></script>

现在你可以自由地引用你的javascript函数。

记得在包含jquery之后再包含你的.js文件，否则你的脚本将无法工作。

编辑:

要在页面加载时执行代码，我将使用$('document').ready()，这确保代码在加载DOM的所有元素之前不会执行。这样，就避免了试图操作不存在的元素。在使用事件处理程序(如click())时，这一点尤为重要。对于live()和delegate()，它们也附加到稍后创建的元素上，这就不那么重要了。

首先写一行:

$('document').ready(function(){

在该行之后，您将在加载页面时执行任何内容。

要完成这个块，写入

});

之后是你的函数等等

相关文章：