使用JQuery UI selectable选择日期后打开一个对话框

Question

我设计了一个日历。我必须在选择日期后打开一个对话框。我使用了一个过滤选项来选择日期。它工作正常。但问题是对于非活动日期也打开了对话框。我想只在可用的日期打开。有什么建议？ 样本位于link

jQuery("#calendar").selectable({
            filter: ".available",
            stop: function() {
            jQuery( ".ui-selected", this ).each(function() { 
            result.push( this.id); 
            });
            var width = 250;
            var height = 270;
            jQuery('#dialog').dialog({
                    modal: true,
                    height:height,
                    width:width,
                    resizable: false,
                    draggable: false,
                    dialogClass: "flora" 
                });
            jQuery('.flora.ui-dialog').css({ position:"absolute",top:"596px"});

            }
        });

Answer 1

试试这个。它适用于我的机器。

http://jsfiddle.net/8Sd53/3/

我所做的更改是使用cancel option。

如果单击与传递给cancel选项的选择器匹配的元素，它将阻止选择开始。

jQuery("#calendar").selectable({
    filter: ".available",
    cancel: ".disabled",  // this is the important piece        
    stop: function() {
    // remaining code
    }