jQuery - 在draggable上切换网格

时间:2013-01-11 16:37:49

标签: javascript jquery draggable

假设我有一个网格并使用它创建它:

$( "#dragIt" ).draggable({ grid: [ 15, 15 ] });

然后,div下方有一个复选框。无论如何,当我切换复选框时,网格变为开启和关闭?关于如何关闭/打开它,我找不到它official jquery ui website。谢谢。

1 个答案:

答案 0 :(得分:2)

试试这个:http://jsbin.com/ewamuq/1/edit

$(function () {
  $("#draggable4").draggable({
    grid: [15, 15]
  });

  $('input[type="checkbox"]').change(function () {
    if ($(':checked').length > 0) {
      $("#draggable4").draggable({
        grid: false
      });
    } else {
      $("#draggable4").draggable({
        grid: [15, 15]
      });
    }
  });
});