2012-07-28 44 views
0

我使用simpleModal和jquery-ui選項卡用於此項目。我在表單上有一個名爲「Filter」的鏈接,它將調用FilterModal()來顯示模態。Eric Martin的SimpleModal在關閉模式後打破jquery ui選項卡

function FilterModal() { 
    $('#divFilterModal').modal(); 
} 

Div #divFilterModal在_Filter.cshtml裏面。

<div">@Html.Partial(MVC.Sample._Filter)</div> 

_Filter.cshtml,我有兩個鏈接按鈕,一個是「運行」將從選中的選項,然後回發的結果執行過濾器和關閉模式,第二個是「取消「即將關閉彈出窗口。此外,我用這個控件上的jquery ui Tabs。

$(document).ready(function() { 
    $('#FilterModalTabs').tabs(); 
}); 

所以,當我點擊過濾器鏈接,模式彈出和標籤運作良好。如果我點擊「運行」按鈕,每件事情都可以。但是當我點擊「取消」按鈕,當我再次打開模式時,選項卡正在分解。每當我點擊另一個選項卡時,前一個選項卡將不會取消選擇/取消對焦,使更多選項卡打開。

我檢查jquery ui腳本是否在模式關閉時被刪除,但它仍然存在。對此有何想法?在此先感謝

回答

0

我已經解決了這一個。訣竅是你應該初始化onShow中的標籤。這是代碼。

$('#divFilterModal').modal({ 
    onShow: function (dialog) { 
     $('#FilterModalTabs').tabs(); 
    }, 
    onClose: function (diag) { 
     $.modal.close(); 
    } 
}); 

感謝

+0

我有類似的問題,我想你的解決方案,但是,這並不工作。請參閱我的帖子在http://stackoverflow.com/questions/16823767/jquery-ui-tabs-fail-after-hiding-and-開始與示例 – swg1cor14 2013-05-29 21:12:34

相關問題