2011-04-07 74 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”