0
jQuery stepsとbootstrap toggleを使って私の自己が本当に奇妙な振る舞いをしています。 私は実際に両方の間に接続があるかどうかわかりませんが、jQuery stepsのjQueryプラグイン/拡張機能を使用しようとするなら、少なくとも多くのCSSの問題があることを知っています。ブートストラップトグルを使った奇妙な動作
私はajaxごとにコンテンツをロードし、@Html.Render()
私の問題使用してpartial viewsを使用します。私はajaxを使用して、私のtogglesを含む私のhtml markupをロードしますが（部分）ビューtogglesウォンにtoggle inputs directyためのコードを配置していない場合は を仕事はありません。 これらは正しく表示されますが、入力に反応することはありません。
ajaxを使用すると、togglesはjavaScriptで初期化せずに正しく表示されません。私がそうするなら、彼らは働きますが、私はいつもajaxを使って私のコンテンツをロードしたくありません。ここ
がpartial viewためのコードである：また
<div class="form-horizontal">
<div class="form-group">
<div class="col-md-2">
</div>
<div class="col-md-6">
<div class="checkbox">
<label>
<input id="course" data-toggle="toggle" name="Rate.OfferingRates" type="checkbox" >
</label>
</div>
</div>
</div>
<div class="form-group">
<div id="offeringRateContainerSubscription">
<div class="col-md-2">
</div>
<div class="col-md-6">
<div class="checkbox disabled">
<label>
<input id="subscription" disabled data-toggle="toggle" name="Rate.OfferingRates" type="checkbox" value="@SlRateBaseTypes.Subscription">
</label>
</div>
</div>
</div>
</div>
</div>
<script>
$(function() {
// reached 2 times using @Html.Render()
debugger;
$('#course').bootstrapToggle({
on: 'Ja',
off: 'Nein'
});
$('#subscription').bootstrapToggle({
on: 'Ja',
off: 'Nein'
});
$('#course').change(function() {
debugger;
var isCourse = $('#course').filter(":checked");
if (isCourse.length) {
$('#subscription').bootstrapToggle('enable');
$('#subscription').parent().parent().parent().removeClass('disabled');
} else {
$('#subscription').bootstrapToggle('off');
$('#subscription').bootstrapToggle('disable');
$('#subscription').parent().parent().parent().addClass('disabled');
}
});
});
</script>
： Iはtoggles
debuggerマークを2回破壊を初期化し、このpartial viewMyPartialViewにJavaScriptでdebuggerマークを配置しましたローディングあたりajax。私はこれがどのように可能であるか分かりません。 これも問題であるかどうかわかりません。