Код JSFiddle не работает при внедрении в веб-сайт, кодирование в Dreamweaver. JS

Я новичок в jQuery, но я провел неделю, пытаясь заставить это работать за пределами JSFiddle. Я начал использовать JSFiddle, поскольку это казалось хорошей платформой для обучения, но составление кода вне JSFiddle оказалось сложной задачей. Возможно, я пропустил что-то совершенно простое, или, возможно, JSFiddle просто научил меня быть достаточно опасным. Я бы не спросил здесь, если бы я не искал решения здесь и через Google, поэтому любая помощь была бы высоко оценена. Я пытаюсь реализовать этот код на своем веб-сайте, который я кодирую в Dreamweaver CS5.Код JSFiddle не работает при внедрении в веб-сайт, кодирование в Dreamweaver. JS

Вот ссылка на JSFiddle. http://jsfiddle.net/OFJavascript/9QtVw/

Я связывающая CSS, как это в теги «голова»

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

Я связывающая JavaScript, как это в теги «голова»

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

Я сбросив 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>

Снова, надеюсь, что-то простое, что мне не хватает. Любая помощь очень ценится, поскольку я исчерпал все методы этой работы.

источник

2013-04-07 OFJavascript

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>

источник

2013-04-07 07:40:59 jikey

Итак, если бы я добавил все в документ, готовясь, переместив}); на дно, он должен работать? Я предполагаю, что мне не нужно обертывать его в теги скриптов, если я прикрепляю его как отдельный .js? – OFJavascript

Поместите свой код в готовность к работе, затем вы можете выйти в одиночку. '$ (function() {// вы код});' и '$ (document) .read (function() {// code});'. – jikey

wow супер просто исправить спасибо! все выглядит хорошо и работает сейчас – OFJavascript

Поместите все ваши вызовы .click() внутри вашей готовой функции. Вероятно, время, когда оно называется, элемент еще не готов.

источник

2013-04-07 07:36:10 wmfairuz

Спасибо, я пытаюсь исправить это сейчас, правильно ли я связал свой внешний JavaScript и CSS? – OFJavascript

вы всегда можете просмотреть исходный код для фрейма этой страницы и не копировать и вставить его в любую программу вы используете, и чем загрузить его на свой веб-сайт.

источник

2016-03-10 03:43:55 PhpHtmlDeveloperEXPERT

Код JSFiddle не работает при внедрении в веб-сайт, кодирование в Dreamweaver. JS

ответ

Смежные вопросы