Question

我正在使用jQuery Selectable，并想知道是否可以阻止从选择事件触发选定事件？

实际上，我想在选择事件中显示一些弹出/确认，如果用户确认，那么我希望触发所选事件。

任何解决方案或变通方法（或替代方案）都将受到高度赞赏。

Answer 1

你可以这样做：

<强> HTML

<ul id="selectable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

<input id="btnGet" type="button" value="get selected items" />

<强> JS

$("#selectable").selectable({
  selected: function(e, ui) {

    if (confirm('Are you sure to select ' + $(ui.selected).html() + '?')) {
      $(ui.selected).addClass("ui-state-highlight");
    } else {
      $(ui.selected).removeClass("ui-state-highlight");
    }
  }

});

$('#btnGet').click(function() {
  var selectedItems = [];
  $('.ui-state-highlight').each(function() {
    selectedItems.push($(this).html());
  });
  alert(selectedItems.join(','));
});

Online demo (jsFiddle)

选择事件时选择了JQ可选取消

1 个答案: