选择打开的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 selectable扩展它，以便在选择多个单元格时，这将打开一个对话框，以便您可以多次提交表单。例如，在突出显示3个单元格时，这将打开一个对话框，选择user_full_name这将提交表单3次。

改变以下内容会很容易吗

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

到

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

Answer 1

根据documentation，您需要处理selected事件

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