小编Bar*_*ers的帖子

拖动项目时,Javascript(jQuery)禁用页面滚动

我有一个类似于小部件的系统,其中的小部件可以被拖动(使用jQuery draggable/sortable).现在的问题是,当用户拖动其中一个小部件并将光标移动到边缘时,父div将滚动到光标的方向.

简化的布局如下:

<div id="wrapper" style="width:WINDOW_WIDTH;">
  <div id="page_wrapper" style="width:10000px;">
    <div class="widget_page" style="width:WINDOW_WIDTH;">
      <div class="widget draggable"></div>
      <div class="widget draggable"></div>
      <div class="widget draggable"></div>
    </div>        
    <div class="widget_page" style="width:WINDOW_WIDTH;">
      <div class="widget draggable"></div>
      <div class="widget draggable"></div>
      <div class="widget draggable"></div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

有没有什么办法可以禁止页面滚动?

javascript jquery draggable jquery-ui-sortable

6
推荐指数
1
解决办法
6983
查看次数

jQuery覆盖event.preventDefault()

我有一个表单,在提交时,通过通常的e.preventDefault()并发送一个ajax请求.但是,如果此ajax请求返回某个条件,我希望正常提交表单.我该如何实现这一目标?

// Submit handler
$(".reserveer_form").submit(function(event){
  event.preventDefault();

  $.ajax({
    url: $(this).attr("action"),
    data: $(this).serialize(),
    success: function(data) {
      if($(".messagered",data).length > 0){
        var errors = $(".messagered",data);
        $(".gegevens").before(errors);
      } else {
          // SUBMIT THE FORM!
      } 

    }
  });

})
Run Code Online (Sandbox Code Playgroud)

javascript jquery javascript-events preventdefault

3
推荐指数
1
解决办法
2365
查看次数