0

カレンダーをデザインしました。日付を選択した後、ダイアログを開く必要があります。フィルターオプションを使用して日付を選択しました。正常に動作しています。ただし、問題は、非アクティブな日付に対してもダイアログが開かれることです。空き日のみ開店したいです。助言がありますか？サンプルはリンクにあります

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"});

            }
        });

ここに画像の説明を入力してください

4

1 に答える 1

1

これを試して。それは私のマシンで動作します。

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

私が行った変更は、cancel オプションを使用することです。

キャンセルオプションに渡されたセレクターに一致する要素をクリックすると、選択が開始されなくなります。

jQuery("#calendar").selectable({
    filter: ".available",
    cancel: ".disabled",  // this is the important piece        
    stop: function() {
    // remaining code
    }
于 2012-07-04T07:11:24.013 に答える