0

我是 jQuery 的新手，但我花了一周的时间试图让这个在 JSFiddle 之外工作。我开始使用 JSFiddle，因为它似乎是一个很好的学习平台，但在 JSFiddle 之外编写代码却是一项艰巨的任务。我可能遗漏了一些非常简单的东西，或者 JSFiddle 只是教会了我足够危险。如果我没有在这里和通过谷歌搜索解决方案，我不会在这里问，所以任何帮助将不胜感激。我正在尝试将此代码实现到我在 Dreamweaver CS5 中编码的网站中。

这是 JSFiddle 的链接。http://jsfiddle.net/OFJavascript/9QtVw/

我在“头”标签中链接这样的 CSS

<link rel="stylesheet" type="text/css" href="JavaScript/GraphicNav.css" />

我在“head”标签中链接这样的JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="JavaScript/GraphicNav.js"></script>

我将 HTML 放在“body”标签中

这是我的html的第一部分

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
    <script src="JavaScript/GraphicNav.js"></script>
    <link rel="stylesheet" type="text/css" href="JavaScript/GraphicNav.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>TEST</title>
    </head>
<body>
<div id='wrap'>
   <div class='pathnavbg1'></div>
   <div class='pathnavbg2'></div>
   <div class='pathnavbg3'></div>
   <div class='pathnavbg4'></div>
    <div id='action1'><span><div id='link1'><H1 class='pathnavtext'>LINKLINK01</H1></div></span></div>
   <div id='action2'><span><div id='link2'><H1 class='pathnavtext'>LINKLINK02</H1></div></span></div>
   <div id='action3'><span><div id='link3'><H1 class='pathnavtext'>LINKLINK03</H1></div></span></div>
   <div id='inner1'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec nisl ut nibh suscipit molestie. Phasellus bibendum nulla tincidunt mi sagittis vel fermentum elit aliquam. Quisque sit amet odio est. Duis condimentum mattis dolor vitae consectetur. Mauris adipiscing laoreet auctor. Sed vel sapien metus.</div>
   <div id='inner2'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec nisl ut nibh suscipit molestie. Phasellus bibendum nulla tincidunt mi sagittis vel fermentum elit aliquam. Quisque sit amet odio est. Duis condimentum mattis dolor vitae consectetur. Mauris adipiscing laoreet auctor. Sed vel sapien metus.</div>
   <div id='inner3'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec nisl ut nibh suscipit molestie. Phasellus bibendum nulla tincidunt mi sagittis vel fermentum elit aliquam. Quisque sit amet odio est. Duis condimentum mattis dolor vitae consectetur. Mauris adipiscing laoreet auctor. Sed vel sapien metus.</div>
</div>
</body>
</html>

再次希望这是我想念的简单的东西。非常感谢任何帮助，因为我已经用尽了所有方法来完成这项工作。

4

3 回答 3

0

将所有 .click() 调用放入准备好的函数中。可能在它被调用的时候，元素还没有准备好。

于 2013-04-07T07:36:10.947 回答
0

JSFiddle 把你的代码放在ready to function 中，而且功能很简单。

<script type="text/javascript">//<![CDATA[
$(function () {
    $("document").ready(function () {
        setTimeout(function () {
            $("#action1").trigger('click');
        }, 10);
    });


    $('#action1').click(

    );
    $("#action1").click(

    );


    $('#action2').click(

    );
    $("#action2").click(

    );
    // code here
});//]]>
</script>
于 2013-04-07T07:40:59.450 回答
0

您始终可以查看该页面的 iframe 的源代码，然后将其复制并粘贴到您正在使用的任何程序中，然后将其上传到您的网站。

于 2016-03-10T03:43:55.920 回答