jQuery可拖拽/放置問題

我可以拖動項目沒有任何問題，不幸的是項目可以拖到任何地方，我不想要。我只想要在某些特定區域（如buttonmenu）上拖動項目。我用了很多方法，但沒有得到任何結果。你能告訴我如何禁用一個buttonmenu ID爲34的不放按鈕嗎？你可以看到，我使用（不不droppping工作）的代碼jQuery可拖拽/放置問題

問候

Altaico

這裏是代碼：

$("#35").draggable(); 
$("myArticle").droppable("option", "disabled", true);

來源

2010-08-19 alper

看一看的accept選項爲您的droppable元素 - 這允許您指定拖動元素必須具有哪些類，然後才能考慮用於放置操作，或者您可以使用該函數根據其他某些條件作出此決定。

來源

2010-08-19 13:58:41 belugabob

我只能拖動我的按鈕，但我無法在使用該代碼後將它放到任何位置。如果你能幫我解決這個問題，我會很高興。乾杯。 Altaico $（）。ready（function（）{ $（「＃technologyBtn」）。draggable（{revert：「invalid」}）; $（「＃myArticle」）。droppable（「option 「，」disabled「，false）; $（」＃techBtnMenu「）。droppable（」option「，」disabled「，false）; alert（」end「）; }）; [/ code] – alper 2010-08-20 07:47:18

當你說你不能放棄它時，當你放開鼠標按鈕時，你期望看到什麼行爲？ – belugabob 2010-08-20 15:26:24

你要設置的還原：無效的選項，這將導致如果落到任何未標記爲可棄它彈回可拖動對象上，所以嘗試：

$("#35").draggable({revert: "invalid"})); 
$("myArticle").droppable("option", "disabled", true); 
$("#36").droppable("option", "disabled", false);

這意味着你會能夠將35拖到36上，但不能拖到myarticle上。

以下是完整的HTML頁面：

<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script> 
</head>  
<body> 
    <script type="text/javascript"> 
    $().ready(function() { 
     $("#35").draggable({revert: "invalid"}); 
     $("#36").droppable({disabled: false }); 
    }); 
    </script> 
    <div id="34" style="width:100px; height:100px; background-color:red;"> 
    </div> 
    <div id="35" style="width:100px; height:100px; background-color:yellow;" > 
    </div> 
    <div id="36" style="width:300px; height:300px; border:solid blue 1px;"> 
    drop me here 
    </div> 
</body>

這使得2個彩色塊（的div）。您可以拖動黃色（ID 35），並將其放在標有「drop me here」的方格中。如果你想在其他地方砸，你必須來裝飾這個領域與可投放

希望這有助於

來源

2010-08-19 14:15:31 JonNeale

JonNeale 我無法在使用您的代碼後刪除我的按鈕。我可以拖動它，但我無法將它放到任何地方。如果你能幫助我，我會很高興......我正在尋找你的幫助。乾杯。 – alper 2010-08-20 07:46:38

我修正了上面列出的HTML演示中的一個錯誤，它會導致div可拖動但不可拖放。基本上需要在div中有東西。你能否確認演示html，做你想做的事情？玩這個演示，我可以拿起div 35並且只在div 36中放置它 – JonNeale 2010-08-21 06:59:44

JonNeale

$("#35").draggable({revert: "invalid"}); 
$("#myArticle").droppable("option", "disabled", true); 
$("#54").droppable("option", "disabled", false);

這一次，我不能放棄按鈕35.我可以拖動它，但我不能把它放在任何地方，例如我想把它放在名爲54的buttonmenu上。我怎樣才能只放下它buttonmenu 54？

來源

2010-08-19 14:45:59 alper

jQuery可拖拽/放置問題

回答

相關問題