2013-05-27 103 views
0

部分,我有以下的JavaScript嵌入在我看来:MVC4隐藏/显示用javascript

<script type="text/javascript"> 
    var Scripts = { 

     showAddressForm: function (isNew) { 
      if (isNew) { 
       $('#newaddress-form').show(); 
      } else { 
       $('#newaddress-form').hide(); 
      } 
     }, 
    }; 
</script> 

功能称为在下拉列表中的“的onchange”事件。这工作正常。但是,页面最初加载时,表单可见。我希望它被隐藏在这部分代码中:

@if (Model.Addresses.Count > 0) 
{ 
    //Call function to hide address form 

    //List dropdownlist items here... 
} 

这是做什么的正确调用?

回答

2

渲染的形式与style="display: none;"被隐藏或将其设置在你的CSS:

#newaddress-form { display: none; } 
1

为什么不只是做...

@if (Model.Addresses.Count > 0) 
{ 

    //Call function to hide address form 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      Scripts.showAddressForm(false); 
     }); 
    </script> 
    //List dropdownlist items here... 
} 
+0

这也是一个有效的答案。 –