ASP.NET MVC - 丟失重新加載後元素的JS引用PartialView

Question

我有這種情況：選擇任何國家後重新加載「國家」div內容的國家的dropdownlist。

@Html.DropDownListFor(m => m.SelectedCountry, 
new SelectList(Model.Countries, "CountryId", "CountryName", Model.SelectedCountry)) 

<div id="states"> 
    @Html.Partial("Partial/States", Model) 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#SelectedCountry').change(function() { 

      if ($(this).val() !== "-1") { 

       $.get('@Url.Action("LoadStates", "Controller")', 
       $('#form').serialize(), function(result) { 
        $('#states').html(result); 
       }); 
      } 
     } 
    }); 
</script> 

好吧，它完美的作品。我的問題是當我重新加載這個PartialView，內容失去了它的css風格，我無法在JS引用上找到它。我有這個功能來啓用基於所選下拉值的按鈕。

<script type="text/javascript"> 
    function canEnableButton() { 
     //... 
    } 

    $('#SelectedCountry, #SelectedState').change(function() { 
     canEnableButton(); 
    } 
</script> 

jQuery函數工作的第一個加載頁面。當我重新加載時，此功能停止工作，CSS樣式消失。

任何人都知道可以是什麼？謝謝！

Answer 1

早上好，請嘗試更改您的活動結合使用jQuery的。對綁定：

$('#SelectedCountry').on('change', function() { 
    ... 
}); 

$('#SelectedCountry, #SelectedState').on('change', function() { 
    ... 
}); 

Answer 2

您可以簡單地添加內部PartialView

js和css引用