2

これは、通常のページでは機能するが、ブートストラップモーダル内では機能しないコードです。なぜこれが機能しないのか考えてみてください。

<script type="text/javascript">
$(document).ready(function(){
 $('.box').hide();
  $('#dropdown').change(function() {
    $('.box').hide();
    $('#div' + $(this).val()).show();
 });
});
</script>
<form>
 <select id="dropdown" name="dropdown">
  <option value="0">Choose</option>
  <option value="area1">DIV Area 1</option>
  <option value="area2">DIV Area 2</option>
  <option value="area3">DIV Area 3</option>
 </select>
</form>
<div id="divarea1" class="box">DIV Area 1</div>
<div id="divarea2" class="box">DIV Area 2</div>
<div id="divarea3" class="box">DIV Area 3</div>
4

1 に答える 1

2

$(document).ready()親ページがロードされたときにすでに起動されているためです。ブートストラップモーダルのshownイベントをリッスンする必要があります。モーダルコンテンツでAJAXを使用していると思いますか？

于 2012-12-19T18:31:59.920 に答える