Question

我是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>

是否还有另一种格式化网址的方法？例如：<a href="url" ...>link to page</a>

由于

Answer 1

您应该将您的javascript放在.js文件中，然后将该文件包含在其他文件中：

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

现在你可以自由地参考你的javascript函数了。

请记住在包含jquery后包含.js文件，否则您的脚本将无效。

编辑：

要使代码在页面加载时执行，我会使用$（'document'）。ready（）这可确保在加载DOM的所有元素之前不执行代码。这样，您就可以避免尝试操作不存在的元素。在使用click（）等事件处理程序时，这一点尤为重要。对于live（）和delegate（）也附加到以后创建的元素，这不是那么重要。

首先，你要排成一行：

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

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

要完成此块，请编写

});

然后你把你的功能等等。

如何导航到内部链接并执行jquery功能？

1 个答案: