Javascript JSFIDLE代码在网站中实现时不起作用，在Dreamweaver中编码。JS_Javascript_Loading_Dreamweaver_Jsfiddle

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

javascript

Javascript JSFIDLE代码在网站中实现时不起作用，在Dreamweaver中编码。JS,javascript,loading,dreamweaver,jsfiddle,Javascript,Loading,Dreamweaver,Jsfiddle,我是jQuery新手，但我花了一周的时间试图在JSFIDLE之外实现这个功能。我开始使用JSFIDLE，因为它看起来是一个很好的学习平台，但是在JSFIDLE之外编写代码是一项艰巨的任务。我可能错过了一些非常简单的东西，或者也许JSFIDLE教会了我足够危险的东西。如果我没有在这里搜索解决方案，也没有通过谷歌搜索解决方案，我就不会在这里问问题，所以任何帮助都将不胜感激。我正在尝试将此代码实现到我的网站中，我正在dreamweaver CS5中编写代码这里是指向JSFIDLE的链接我在“hea

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

这里是指向JSFIDLE的链接

我在“head”标签中链接CSS

我在“head”标记中链接JavaScript

我正在删除“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>


试验
LINK01
Link02
链接03
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个非常重要的问题。牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌。我坐在这里。杜伊斯调味品马蒂斯·多洛尔·维塔·康塞特图。Mauris Adipising laoreet拍卖行。我是萨皮安·梅特斯。
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个非常重要的问题。牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌。我坐在这里。杜伊斯调味品马蒂斯·多洛尔·维塔·康塞特图。Mauris Adipising laoreet拍卖行。我是萨皮安·梅特斯。
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个非常重要的问题。牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌，牛肝菌。我坐在这里。杜伊斯调味品马蒂斯·多洛尔·维塔·康塞特图。Mauris Adipising laoreet拍卖行。我是萨皮安·梅特斯。

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

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

jsiddle将您的代码放入ready to函数中，函数很简单

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

//

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

因此，如果我在文档中添加了所有内容，请移动}）；到底，它应该有效吗？我假设如果我将它作为一个单独的.js附加，那么我不需要将它包装在脚本标记中？将您的代码准备好运行，然后您就可以单独运行了<代码>$（函数（）{//you code}）和

$（文档）.read（函数（）{//youcode}）.wow超级简单修复谢谢！现在一切看起来都很好，工作正常。感谢我现在正在尝试修复它。我是否正确链接了外部JavaScript和CSS？
    <!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>

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