如何使用pep.jquery.js从子级拖动父级_Jquery

如何使用pep.jquery.js从子级拖动父级

jquery

如何使用pep.jquery.js从子级拖动父级,jquery,Jquery,我刚刚开始使用pep.jquery.js。我不确定它有多受欢迎，但事实证明它对我一直在开发的一些移动网站非常有用然而，我确实遇到了一个问题。我想拖动当前被拖动子对象的父对象。例如，仅通过标题栏拖动整个父对象，而不是从其中的内容拖动当前代码： <body> <div class='window'> <div class='titlebar'> </div> </div> </body> $('.titlebar').p

我刚刚开始使用pep.jquery.js。我不确定它有多受欢迎，但事实证明它对我一直在开发的一些移动网站非常有用

然而，我确实遇到了一个问题。我想拖动当前被拖动子对象的父对象。例如，仅通过标题栏拖动整个父对象，而不是从其中的内容拖动

当前代码：

<body>
<div class='window'>
<div class='titlebar'>
</div>
</div>
</body>


$('.titlebar').pep({axis: 'x',stop: handleMenuDrag,useCSSTranslation: false})


$（'.titlebar'）.pep（{axis:'x'，stop:handleMenuDrag，useCstranslation:false}）

您要做的是使用pep的

elementsWithInteraction

选项，它基本上告诉插件我们要移动的元素中的这个元素具有交互作用，不应该触发移动

试着这样做：

HTML

<div class='window'>
  <div class='title'>Window</div>
  <div class='content'></div>
</div>

.window { height: 300px; width: 300px; border: 1px solid #333; }
.title  { height: 10%; background: #ccc; }
.content{ height: 90%; background: #eee }
.top    { z-index: 100 }

$('.window').pep({
  elementsWithInteraction: '.content',
  initiate: function(){ 
    $('.window.top').removeClass('top');
    this.$el.addClass('top');
  }
});

我还添加了一个小逻辑，告诉单击标题栏的窗口移到顶部。

您能发布html代码吗？