0

私はjQueryを初めて使用しますが、これをJSFiddleの外で機能させるために1週間を費やしました。学習するのに適したプラットフォームのように思えたので、JSFiddle を使い始めましたが、JSFiddle の外部でコードを作成するのは大変な作業であることが判明しました。非常に単純なものを見落としている可能性があります。あるいは、JSFiddle が私に十分な危険性を教えてくれただけかもしれません。こことGoogleで解決策を検索していなければ、ここで質問することはなかったので、助けていただければ幸いです。このコードを、dreamweaver CS5 でコーディングしている Web サイトに実装しようとしています。

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>

繰り返しますが、それが私が見逃している単純なものであることを願っています。この作業を行うためのすべての方法を使い果たしたので、どんな助けも大歓迎です。

4

3 に答える 3

0

そのページの iframe のソース コードをいつでも表示し、使用しているプログラムにコピー アンド ペーストして、Web サイトにアップロードすることができます。

于 2016-03-10T03:43:55.920 に答える
0

すべての .click() 呼び出しを準備完了関数内に配置します。おそらく呼び出された時点では、要素はまだ準備ができていません。

于 2013-04-07T07:36:10.947 に答える
0

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-07T07:40:59.450 に答える