このコードは、私が持っているテストWebサイトでは動作しますが、ローカルページやjfilldeにはないのはなぜですか？

私はこのコードを持っている、そしてそれは、スタンドアロンのページ（私のHDDに）ではなくローカルとしてブラウザで私のテストのウェブサイト上で正常に動作しているここでjfiddleのコードこのコードは、私が持っているテストWebサイトでは動作しますが、ローカルページやjfilldeにはないのはなぜですか？

：https://jsfiddle.net/9jdsvjfb/

<html> 
    <head> 
    <meta name="generator" 
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <script type="text/javascript"> 
function toggleDiv(divId) { 
    var ele = document.getElementById(divId); 
    ele.toggle(); 
} 
</script> 
    <style> 
a:hover { 
    color: purple; 
} 
a:active { 
    color: purple; 
} 

</style> 
    <title></title> 
    </head> 
    <body> 
    <a class="ConceptLevel1" href="javascript:toggleDiv(&#39;PktS/h+L5EeSqM/4hMH9JA==&#39;);" 
    style="text-decoration: none; font-weight:bold; font-size:13pt">BGP -concept list</a> 
    <br /> 
    <div style="padding-left:15px;" id="PktS/h+L5EeSqM/4hMH9JA=="> 
     <div>fds</div> 
     <div>sdfdsfdfdsf</div> 
     <div>sdfsdf</div> 
     <div>gdhgf</div> 
     <a class="ConceptLevel2" href="javascript:toggleDiv(&#39;SPrQVTbDx0WO6As2F+43tw==&#39;);" 
     style="text-decoration: none; font-weight:bold; font-size:12pt">hfghg</a> 
     <br /> 
     <div style="padding-left:15px;" id="SPrQVTbDx0WO6As2F+43tw=="> 
     <div>hfghgh</div> 
     <div>fghfgh</div> 
     </div> 
    </div> 
    </body> 
</html>

出典

2016-09-08 MiniMe

「動作しない」と定義してください。 – Teemu

クリックすると、リンクはトグル関数によって参照されるdivを崩壊させるはずです – MiniMe

ネイティブHTML（Div）要素にどこでどのように「トグル」をパッチするのですか？ – Teemu

Iここに2つの問題があります。まず、Divsにはtoggle関数がありません。私はあなたが意味を考える：

function toggleDiv(divId) { 
    var ele = jQuery('#' + divId); 
    ele.toggle(); 
}

他の問題がjsFiddleである：jsFiddleは（windows.loadで）それのために、グローバル変数として機能toggleDivを定義するために必要とされる機能内にラップすべてのJavascriptを送るので、ただ、最後の注意

window.toggleDiv = function (divId) { 
    var ele = jQuery('#' + divId); 
    ele.toggle(); 
}

：リンクをクリックしたときに発見されることがあれば代わりにHMTLのInSite Javascriptを埋め込む方が良いかもしれ、あなたはリンクをクリックしてイベントにトグル機能をバインドするためにイベントを使用します。

出典

2016-09-08 16:43:52 Roimer

あなたはここにいる可能性が最も高いですが、反対に、OPは「テストウェブサイトでうまくいきます」と言っています。 – Teemu

このコードは、私が持っているテストWebサイトでは動作しますが、ローカルページやjfilldeにはないのはなぜですか？

答えて

関連する問題