1

私はソースなどの初心者であり、ヘッダーにスクリプト src を追加するだけで、その後必要な数のスクリプトまたは関数を追加できることを当然のことと考えていました。ほとんどの場合、これは正常に機能していますが、解決できない問題があります。

1 つのスクリプトを実行することも、もう 1 つのスクリプトを実行することもできます。どれだけ多くの異なる順列を試しても、両方が調和して動作しません。簡単な修正または完全に欠けているものがあると確信しています。ばかのガイドをオンラインで見ましたが、役立つものは何も見つかりませんでした。

2 つの関数スクリプトは別の場所にあります。1 つは head 内にあり、HTML ページの body から呼び出されます。もう 1 つは、動的リンクのためにすべてのページに追加される include 内にあります。

これにより、本体内にあるものを除くすべてがロードされます

<!--Creation and hiding of div to allow images load-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script src="../js/helperFunctions.js"></script>

<!-- jQuery (required) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>

<!-- Syntax highlighting -->
<link rel="stylesheet" href="../mainCSS/prettify.css" media="screen">
<script src="../js/prettify.js"></script>

<!-- AnythingSlider -->
<link rel="stylesheet" href="../mainCSS/anythingslider.css">
<script src="../js/jquery.anythingslider.js"></script>

<script>
    $(function(){
            prettyPrint script here;
</script>

<script>
    $(function(){
            slider script here
</script>

これは本体スクリプトをロードしますが、他のスクリプトはロードしません。:

<!-- jQuery (required) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>

<!-- Syntax highlighting -->
<link rel="stylesheet" href="../mainCSS/prettify.css" media="screen">
<script src="../js/prettify.js"></script>

<!-- AnythingSlider -->
<link rel="stylesheet" href="../mainCSS/anythingslider.css">
<script src="../js/jquery.anythingslider.js"></script>

<script>
    $(function(){
            prettyPrint script here;
</script>

<script>
    $(function(){
            slider script here
</script>

   <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
   <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
   <script src="../js/helperFunctions.js"></script>

次に、スクリプト src をインクルードに入れてみました。これには、src を 2 回含め、他の多くの愚かで無意味なアイデアが含まれていました。

誰かがそれを助けることができれば、それは素晴らしいことです! どうもありがとう

4

2 に答える 2

1

このコードでは、jQuery を 3 回インクルードします。それが問題かどうかはわかりませんが、解決策ではありません

// jquery from jquery.com
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<!-- jQuery (required) --> // jQuery from google
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>
// both of these are expendable

最後に含まれるものは古いバージョンのライブラリであるため、競合が発生する可能性があります。含めるだけで十分です。古い jQuery コードがスクリプトで実行されているため、migrate を使用していると想定しています。

コードエラー

<script>
$(function(){ // syntax error
        prettyPrint script here;
</script>

<script>
$(function(){ // same error
        slider script here
</script>

ここに構文エラーがあり、このコードの後に​​続くスクリプトは実行または機能しません。

于 2013-07-26T13:21:05.697 に答える