2013-05-27 147 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

這也是一個有效的答案。 –