2011-04-07 88 views
0

我在應用程序中隱藏了一些div,但在jQuery UI選項卡中使用了此代碼。無法在ASP.NET MVC中隱藏DIV

在控制器:

public ActionResult MyAction() 
{ 
    return View("MyView", model); 
} 

在視圖 「MyView的」,我有這樣的:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#divToHide1').hide(); 
    $('#divToHide2').hide(); 
}); 
</script> 


<div id="divToHide1"> 
</div> 

<div id="divToHide2"> 
</div> 

問題股利從不hidded,任何想法?

謝謝,

UPDATE1: 當我切換到第二個選項卡,我做下面的prcedure。切換到z選項卡是好的,我收到一個「alert1」,我收到「1」corredinf的長度,但div仍然可見。

function e2() { 
    var jqxhr = $.post("/Controller/MyAction", function (data) { 
     $('#tabs-2').html(data); 
    }) 
    .success(function() { 
     alert('alert1'); 
    }) 
    .error(function() { }) 
    .complete(function() { 
     alert($('#divToHide1').length); 
     $('#divToHide1').hide();  
    }); 
} 

UPDATE2:我試圖用類而不是ID ...看看OK

+0

只是爲了確認 - 你在HTML上面加入了jQuery到'document.ready'上面,是啊? – 2011-04-07 08:29:14

+0

你得到任何錯誤出現在控制檯? – 2011-04-07 08:31:17

+0

@羅瑞的錯誤(請參閱updat e 1) – 2011-04-07 08:50:31

回答

0

我使用$( 「而不是$(」 #作爲選擇,這是奇怪的,但是這是工作

0

你寫什麼,應該工作。你有沒有嘗試.toggle或綁定到一個鏈接/按鈕與文檔加載相反,看看是否有幫助。你有包含Jquery嗎?

+0

我有x選項卡(jQuery UI選項卡)。當我切換選項卡時,某些部分在選項卡上不可見,並根據下拉值顯示 – 2011-04-07 08:52:18

1

在CSS中這樣做:

.ui-tabs-hide { 

    display: none; 
} 

如果你正在使用jQuery UI選項卡,它會將類添加到你的元素中,你所有的非活動視圖都會有css類「ui-tabs-hide」