Javascript jQuery可拖动/可拖放问题_Javascript_Jquery_Drag And Drop

Javascript jQuery可拖动/可拖放问题

javascript jquery

Javascript jQuery可拖动/可拖放问题,javascript,jquery,drag-and-drop,Javascript,Jquery,Drag And Drop,我可以拖动项目没有任何问题不幸的是，项目可以拖动到任何地方，我不想。我只希望在某些特定区域（如buttonmenu）上拖动项目。我用了很多方法，但没有得到任何结果。你能告诉我如何禁用一个id为34的buttonmenu，使其不掉按钮吗？您可以看到我正在使用的代码（不进行dropping不起作用）致意阿尔泰科代码如下： $("#35").draggable(); $("myArticle").droppable( "option", "disabled", true ); 查看你的可下拉元

我可以拖动项目没有任何问题不幸的是，项目可以拖动到任何地方，我不想。我只希望在某些特定区域（如buttonmenu）上拖动项目。我用了很多方法，但没有得到任何结果。你能告诉我如何禁用一个id为34的buttonmenu，使其不掉按钮吗？您可以看到我正在使用的代码（不进行dropping不起作用）

致意

阿尔泰科

代码如下：

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

查看你的可下拉元素的<代码>接受< /Cord>选项-这允许你指定在拖拽元素被考虑之前，拖拽元素必须拥有哪些类，或者是一个函数，您可以使用该函数根据其他一些条件做出此决定。

您想在可拖动对象上设置revert:invalid选项，如果将其拖放到任何未标记为可拖放的对象上，该选项将导致其弹回，请尝试：

$("#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>


$（）.ready（函数（））{
$（“#35”）.draggable（{revert:“invalid”}）；
$（“#36”）.dropable（{disabled:false}）；
});
把我放在这里

这将渲染2个彩色块（div）。您可以拖动黄色的一个（id 35）并将其放置在标有“drop me here”的正方形中。如果你想把它扔到其他任何地方，你必须用可放下的东西来装饰这个区域

希望这有帮助

JonNeale在使用您的代码后，我无法放下我的按钮。我可以把它拖走，但我不能把它扔到任何地方。如果你能帮我，我会很高兴的…我正在寻找你的帮助。干杯。我修复了上面列出的html演示中的一个bug，该bug会导致div可以拖动，但不能拖放。基本上，在div中需要一些东西。您能确认演示html是否符合您的要求吗？在演示中，我可以选择Div35并将其放到Div36i中。我只能拖动按钮，但在使用该代码后，我无法将其放到任何地方。如果你能在这个问题上帮助我，我将非常高兴。干杯Altaico[code]$（）.ready（function（）{$（“#technologyBtn”）.draggable（{revert:“invalid”}）；$（“#myArticle”）.dropable（“option”，“disabled”，false）；$（“#techBtnMenu”）.dropable（“option”，“disabled”，false）；alert（“end”）；[/code]当你说你不能放下它时，当你放开鼠标时，你希望看到什么样的行为？