データがページコントロールにロードされる前にJQueryが起動する

Question

ASP.NET MVCとjQueryを使用しています。

私のjsファイルにこのコードがあります。ユーザーがラジオボタンをクリックすると、特定のdivを非表示にして表示する必要があります。私はまた、トリガーメソッドを使用してページの負荷でこれを起動したいと思います。私の問題は、イベントがトリガされたときにモデルからのデフォルト値がコントロールにロードされず、両方のチェックボックスがfalseになっているようです。私のコードは正しかったようですが、トリガーはあまりにも早く発砲しています。私のモデルデータがコントロールにロードされるまで、jQueryのトリガが起動しないように指示する方法はありますか？

$(function() { $('table#ScheduleTable 
input.DailyFrequency, 
input.WeeklyFrequency').click(function() 
{ 
    if ($(this).attr('checked') == true & $(this).val() == "Daily") { 
     $('.dailyOption').children().show(); 
     $('.weeklyOption').children().hide(); 
    }; 
    if ($(this).attr('checked') == true & $(this).val() == "Weekly") { 
     $('.dailyOption').children().hide(); 
     $('.weeklyOption').children().show(); 
    } }); 

$('table#ScheduleTable 
input.DailyFrequency, 
input.WeeklyFrequency').trigger('click'); 
}); 

Answer 1

コードが次のように更新されました。今すぐ動作します。あなたの返信をありがとう！ :)

$('table#ScheduleTable input.DailyFrequency, 

input.WeeklyFrequency '）（関数（）{ UpdateScheduleView（）; }をクリックしてください。）。

function UpdateScheduleView() { 
    if ($('input.DailyFrequency').attr('checked') 

==真）{ $（ 'dailyOption。'）、子供（）ショー（）。。。 $（ '。weeklyOption'）。children（）。hide（）; } else { $（ '。dailyOption'）。children（）。hide（）; $（ '。weeklyOption'）。children（）。show（）; }}

if ($('table#ScheduleTable input.DailyFrequency').length > 0) { 
    UpdateScheduleView(); 

Answer 2

があなたの代わりにreadyイベントを使用shoudl：

$(document).ready(function() { 
    // do you jquery initialization here 
    $('table#ScheduleTable.... 
    ... 
}); 

http://docs.jquery.com/Events/ready

Answer 3

は、私はちょうどFirefoxでそれを試してみましたが、$（関数（）{}）としている$（ドキュメント）.ready .ready形式はjqueryで推奨されているようですが、（function（）{}）は同じように動作するようです。たぶん$（document）.loadはうまくいくでしょう。なぜなら、一部のブラウザではデフォルト値が後で埋められることがあるからです。 すべてのブラウザで同じように動作するのか、または一部のブラウザでのみ動作するのでしょうか？

Answer 4

どのようにページに値を読み込んでいますか？通常は、HTML出力にあるように問題はありません.JQueryは、$（function（）{}ロジックを使用してロードされるまで待機します。

トリガーは$ AJAX呼び出しが完了したら、それだけですぐにページがロードされると、クリックイベントを実行します。

あなたが例えば、AJAXを経由して値をロードしている場合は、トリガーを呼び出す必要があります。

Answer 5

は何が起こります代わりにこれらのコマンドをチェーンする場合はどうすればいいですか？

$(function() { $('table#ScheduleTable 
input.DailyFrequency, 
input.WeeklyFrequency').click(function() 
{ 
    if ($(this).attr('checked') == true & $(this).val() == "Daily") { 
     $('.dailyOption').children().show(); 
     $('.weeklyOption').children().hide(); 
    }; 
    if ($(this).attr('checked') == true & $(this).val() == "Weekly") { 
     $('.dailyOption').children().hide(); 
     $('.weeklyOption').children().show(); 
    } }).trigger('click'); 
}); 

私はあなたの現在のスクリプトで、jQueryが最初にクリックイベント機能を設定していると思っています。そして、それが調整されているので、jQueryはトリガーイベントを設定するために移動しました。

おそらく、それらをチェーンすると、jQueryはトリガーを割り当てる前にクリックセグメントを終了させるでしょうか？