Question

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

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

我在“head”标签中链接这样的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>

我正在删除“body”标签中的HTML

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

再次希望这很简单，我很想念。任何帮助都非常感谢，因为我已经用尽了所有这些工作的方法。

Answer 1

将所有.click（）调用放入ready函数中。可能是它被调用的时间，元素还没有准备好。

Answer 2

JSFiddle把你的代码放在准备好的功能中，而且功能很简单。

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

Answer 3

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

JSFiddle代码在实现到网站时不起作用，在Dreamweaver中编码。 JS

3 个答案: