2015-09-04 71 views
1

上午如下: http://jqueryui.com/sortable/#connect-lists拖放使用jQueryUI的工作不

實現的事情,因爲它是。仍然拖放不工作。嘗試2天。這裏是頭裏面的代碼:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

<style> 
    #sortable1, #sortable2 { 
    border: 1px solid #eee; 
    width: 142px; 
    min-height: 20px; 
    list-style-type: none; 
    margin: 0; 
    padding: 5px 0 0 0; 
    float: left; 
    margin-right: 10px; 
    } 
    #sortable1 li, #sortable2 li { 
    margin: 0 5px 5px 5px; 
    padding: 5px; 
    font-size: 1.2em; 
    width: 120px; 
    } 
</style> 
<script> 
    $(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable" 
    }).disableSelection(); 
    }); 
</script> 

和身體:

<ul id="sortable1" class="connectedSortable"> 
    <li class="ui-state-default">Item 1</li> 
    <li class="ui-state-default">Item 2</li> 
    <li class="ui-state-default">Item 3</li> 
    <li class="ui-state-default">Item 4</li> 
    <li class="ui-state-default">Item 5</li> 
</ul> 

<ul id="sortable2" class="connectedSortable"> 
    <li class="ui-state-highlight">Item 1</li> 
    <li class="ui-state-highlight">Item 2</li> 
    <li class="ui-state-highlight">Item 3</li> 
    <li class="ui-state-highlight">Item 4</li> 
    <li class="ui-state-highlight">Item 5</li> 
</ul> 

請幫助我。

+0

你檢查了你的控制檯嗎? –

+0

我剛試過alert()...我沒有工作......但它應該有? – mustafa1993

+1

否請檢查您的控制檯或在您的問題中添加您的頁面鏈接,以便我可以看到它 –

回答

0

在Firefox中使用Firebug插件來查看控制檯錯誤。它會幫助你解決錯誤。

看看是否有幫助。

1

利用這一點,你忘了使用http:

代碼

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
+0

我已添加。 – mustafa1993

+0

它不工作? –

+0

它在我的回答中沒有提到。 – mustafa1993

1

我想通了。感謝您提供螢火蟲。

我被省略的http:我的鏈接:

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 

但是,這是我從教程鏈接複製我上面提到的。不要爲什麼他們這樣介紹。

+0

http://stackoverflow.com/questions/550038/is-it-valid-to-replace-http-with-in-a-script-src-http –