0

インターネットから取得したカレンダー スクリプトが正常に動作しています。最近、jQuery ソート スクリプトを組み込んでみましたが、両方を連携させることはできません。機能するのは、カレンダー スクリプトまたは並べ替えスクリプトのいずれかです。

jQuery の経験はあまりありません。jQuery のバージョンを変更し、多数の JS スクリプトをコメント アウトして、さまざまな方法で順序を変更しようとしましたが、まだ get または 1 つしか動作しないか、まったく動作しません。

ページはパスワードで保護されており、データベースから取得される情報は非公開ですが、それが役立つ場合は、ダミー データを含む別のページを作成してみます。しかし、間違いが明白なものであることを願っています。

ページの頭は次のとおりです。

<head>
    <title>My Page</title>

<!-- css -->
    <link rel="stylesheet" type='text/css' href="stylesheets/datatable.css"/>
    <link href="stylesheets/pagination.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" />
    <link rel="stylesheet" media="all" type="text/css" href="css/Aristo.css" />

<!-- scripts -->
    <!-- [if lte IE 8]>
    <script language="javascript" type="text/javascript" src="scripts/excanvas.js"></script> <![endif] -->

    <script type="text/javascript" src="js/jquery-latest.js"></script>


    <script type="text/javascript" src="scripts/jquery.datatables.js"></script>
    <script type="text/javascript" src="scripts/jquery.fullcalendar.js"></script>    
    <script type="text/javascript" src="scripts/jquery.placeholder.js"></script>
    <script type="text/javascript" src="scripts/jquery.accordion.js"></script>
    <script type="text/javascript" src="scripts/jquery.tabbed.js"></script>
    <script type="text/javascript" src="scripts/application.js"></script>

    <!-- If I enable this, the calendar works but the sorting script stops working:
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js"></script> -->

    <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script>
</head>

ここに明らかな間違いがありますか？私は他の人のjQueryを使用しています。これに役立つ可能性のある追加できる情報が他にあるかどうか教えてください...

4

2 に答える 2

1

問題は、問題の部分のコメントを外すと、jQuery ライブラリを 2 回読み込んでいることです。これにより、2 番目のスクリプトが を上書きし、上記のプラグインが既にアタッチしている$すべての機能も上書きします (それらの機能はオブジェクト内に存在します)。$

問題の簡単な解決策: jQuery を 1 回だけ (できれば CDN 経由で) ロードし、元のライブラリを最初のスクリプトとしてロードし、そのプラグインをロードしてから、独自のスクリプトをロードします。

したがって、正しい順序は次のようになります。

<!-- Loading jQuery via Google -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

<!-- Loading jQuery scripts -->
<script type="text/javascript" src="scripts/jquery.datatables.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript" src="scripts/jquery.fullcalendar.js"></script>
<script type="text/javascript" src="scripts/jquery.placeholder.js"></script>
<script type="text/javascript" src="scripts/jquery.accordion.js"></script>
<script type="text/javascript" src="scripts/jquery.tabbed.js"></script>

<script type="text/javascript" src="scripts/application.js"></script>
于 2012-09-25T08:18:12.220 に答える
0

並べ替えスクリプトとカレンダー スクリプトは、2 つの異なるバージョンの jQuery を使用しています。ソートスクリプトがプルアップしているものは、カレンダーのもの（コードでコメントアウトされているもの）と競合していると思います。具体的には：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

と：

<script type="text/javascript" src="js/jquery-latest.js"></script>

互いに競合しています。

于 2012-09-25T08:19:15.043 に答える