第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

$(...).sortable 不是函數(shù)

$(...).sortable 不是函數(shù)

炎炎設(shè)計(jì) 2023-08-18 16:23:05
我已將可排序和 jquery 引用導(dǎo)入到我的 html 中,但是,它說未捕獲的類型錯(cuò)誤:$(...).sortable 不是函數(shù)和未捕獲的錯(cuò)誤:jquery-sortablejs 需要 jQuery我以前從未使用過 jquery,因此對(duì)這一切都很陌生。我已將這個(gè)確切的代碼作為該網(wǎng)站的演示,它可以在代碼筆上運(yùn)行,但無法在我自己的筆記本電腦上運(yùn)行。$('.sortable-list').sortable({  connectWith: '.sortable-list',  update: function(event, ui) {    var changedList = this.id;    var order = $(this).sortable('toArray');    var positions = order.join(';');    console.log({      id: changedList,      positions: positions    });  }});<html> <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script><script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.js"></script><script src="https://code.jquery.com/jquery-1.12.4.js"></script><script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script type="text/javascript" src="/Users/rankWebsite/js/main.js"></script><body> <h1> Rank Images</h1><ul id="image-list1" class="sortable-list">    <li id="a">A</li>    <li id="b">B</li>    <li id="c">C</li>  </ul></body></html>
查看完整描述

1 回答

?
德瑪西亞99

TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊

您的代碼的問題是由于腳本引用的順序造成的。任何依賴 jquery.js 的腳本都必須包含在 jQuery 之后的頁面中。此外,您還包含兩個(gè)版本的 jQuery,這可能會(huì)導(dǎo)致問題。我建議保留 3.5.1 并刪除 1.12.4。嘗試這個(gè):


$('.sortable-list').sortable({

  connectWith: '.sortable-list',

  update: function(event, ui) {

    var changedList = this.id;

    var order = $(this).sortable('toArray');

    var positions = order.join(';');


    console.log({

      id: changedList,

      positions: positions

    });

  }

});

<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.js"></script>


<h1> Rank Images</h1>

<ul id="image-list1" class="sortable-list">

  <li id="a">A</li>

  <li id="b">B</li>

  <li id="c">C</li>

</ul>


查看完整回答
反對(duì) 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 131 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)