特定のjavascriptコードはアラートステートメントでのみ動作します

Question

したがって、私はJsonオブジェクト値によって入力されるはずのドロップダウンメニューを持っています。コードは次のようになります。

$("#sport").val(model.SportId); 

まあ、ページを読み込むとうまくいきません。ドロップダウンリストのデフォルトは、デフォルトの「None Selected」オプションです。だから私はゲットーデバッグを行い、何が起きているかを見るためにmodel.SportIdにアラートを出します。

ページを更新すると...動作します。私がやった唯一の事は、それが「1」と言うポップアップウィンドウを立ち上げると、メニューの値のドロップダウンはそのオプションのテキストですオプション「メジャーリーグ」（に行く

alert(model.SportId); 

ました値）。それでおしまい。それが私が変えた唯一のものです。最初のコード行の前に警告を出します。コードの後ろにアラートを置くと、機能しません。なぜこのことが分かりませんか？

Jsonオブジェクトの派生元のviewmodelには、nullを指定できるintとしてSportIdがあります。それはそれと関係がありますか？

編集：

さて、私のかみそりビューで、これは私が持っているのjavascriptですので：

<script type="text/javascript"> 
$(document).ready(function() { 
    var model=@Html.Raw(Json.Encode(Model.Title)); 
    var read=@Html.Raw(Json.Encode(Model)); 
    var sportsurl='@Url.Action("GetSports", "Titles")'; 
    var sportsteamsurl='@Url.Action("GetSportsTeams", "Titles")'; 

    TitleBasicEdit(model, read, sportsurl, sportsteamsurl); 
}); 

とJavaScript関数titlebasiceditです：

function TitleBasicEdit(model, url, read, backurl, seasonsurl, autocompleteurl, urlforward, sportsurl, sportsteamsurl) { 
if ((model.TitleTypeId == 3) || (model.TitleTypeId == 8)) { 
    GetSports(sportsurl); 
    SportsDependency(sportsteamsurl); 
    alert(model.SportId); 
    $("#sport").val(model.SportId); 
    $("#sport").change(); 
    $("#hometeam").val(model.HomeSportTeamId); 
    $("#awayteam").val(model.AwaySportTeamId); 
} 

Answer 1

オプション（ajaxリクエストなど）を入力している間に実行する非同期タスクに関連する問題です。これはalert（）が動作する理由です：タスクが完了するのに十分な時間があるようにjavascriptの実行を停止します（とにかくリンクは本当に高く評価されます）。

編集：GetSports（）関数がそのタスクになる可能性があります。

Answer 2

model.SportIdはtypeof === 'number'なのではないのだろうか？あなたはこれを試しましたか？ jQueryのは、この処理するのに十分なスマートでなければなりませんので、それは、しかし働くだろう、なぜ私にはわからない。また

$("#sport").val(model.SportId+''); 

を、これを試してみてください。

alert($("#sport").length); 
$("#sport").val(model.SportId); 
alert($("#sport").length); 

は、それはあなたのjavascriptが前に実行されている可能性がありHTMLが読み込まれます。 alert（）は、ロードするのに十分な時間を与えるかもしれません。