当前位置:首页>正文

jQuery中warp的用法 jquery 拖动问题

2023-04-17 13:36:27 互联网 未知

jQuery中warp的用法

wrap() 方法使用指定的 HTML 元素来包裹每个被选元素。
语法:
$(selector).wrap(wrappingElement,function(index))
wrappingElement 必需。规定包裹每个被选元素的 HTML 元素。
可能的值:HTML 元素 jQuery 对象 DOM 元素

function(index) 可选。规定返回包裹元素的函数。
index - 返回集合中元素的 index 位置。

jquery 拖动问题

停止拖动:return false,鼠标松开再按下可以继续拖动。

if(obt <= 0) {
  $(".one").css({"top":"0px"})
  return false
}

禁止拖动:disabled: true,但你需要另外一个button来设置 disabled: false 后才能继续拖动。

if(obt <= 0) {
  $(".one").css({"top":"0px"})
  $(this).draggable({ disabled: true })
  return false
}

-------------------------------

建议你使用 containment,将拖动范围局限于一个指定的元素内。

drag: function(e) {
  // drag 代码
},
containment: "div.main"

这样你就不需要自定义 top right bottom left,.one 只在 div.main 中可以拖动。