jquery - 选择打开 jquery 对话框后

Question

我有以下代码：

$(document).ready(function () {

    $('.rota  td').live('click', function (event) {

        var $target = $(this);
        var $bf = $target.find('.booking_form');
        var hospital = $target.data('hospital-id');

        $bf.dialog();
        $bf.find('input#hospital_id').val(hospital);
        event.preventDefault();
    });

    $('.booking_form .user_full_name').on('change', function (e) {
        this.form.submit();
    });

     $('.rota td').addClass("Half Full Semi-Foo");
});

发生的情况是，单击表格单元格后，将出现 jquery 对话框，使您能够在选择员工后提交预订表格。我现在要做的是通过使用可选的 jQuery来扩展它，以便在选择多个单元格时打开一个对话框，以便您可以多次提交表单。例如，在突出显示 3 个单元格时，这会打开一个对话框，在选择user_full_name此选项时会提交 3 次表单。

更改以下内容会很容易吗

$('.rota  td').live('click', function (event) {

到

$( "#rota td" ).selectable('click', function (event) {

Answer 1

根据文档，您需要处理该selected事件

$("#rota td").selectable({
   selected: function(event, ui) { ... }
});