Question

我有一个问题，我无法找到答案...... 我有以下代码：

风格：

<style>
  #out{ width: 150px; height: 150px; border: 1px solid red;}
  #test{ height:20px; widht: 100%; background-color:red; margin: 0;}
</style>

JS：

 $(function() {
  $( "#out" ).draggable();
 });

HTML：

<div id="out" class="ui-widget-content">
    <div id="test">
        test
    </div>
</div>

使用此代码，我可以使用id＆＃34; out＆＃34;来拖动我的div。但我想要的是带有id＆＃34; out＆＃34;只有在我用id＆＃34; test＆＃34;拖动内部div时才能拖动。为了给出一个想法，我想做与Windows窗口相同的效果，只有在你拖动顶部栏时才可以拖动。

我已经使用jquery

进行了测试

$("test").focus(function(){
  $(this).parent().draggable();
});

但不起作用......

有人知道我该怎么办？很多，谢谢。

Answer 1

使用句柄选项：

 $( "#out" ).draggable({ handle: "#test" });