jQuery Bootstrap 适用于 Firefox 但不适用于 IE [关闭]

Question

为什么 jQuery 和 Bootstrap 可以在 Firefox 中运行，但是当我在 IE 中打开同一个页面时却没有任何效果？？？呃，谁能解释一下当这种情况发生时你必须做什么？您必须为每个浏览器编写单独的代码吗？我什至不知道从哪里开始它如何在一个浏览器中工作，而在另一个浏览器中却不行！？

http://jsfiddle.net/znnm74d5/

此示例适用于 Firefox，但不适用于 IE

<select name="SPECIAL" id="SPECIAL">
  <option>Please Select</option>
    <option data-name="Animal Friend" data-img="/images/img/AnimalFriend.png" data-price="$30" value="1">Animal Friend</option>
    <option data-name="Aquaculture" data-img="/images/img/Aquaculture.png" data-price="$30" value="2">Aquaculture</option>
    <option data-name="Protect Our Oceans" data-img="/images/img/ProtectOurOceans.png" data-price="$30" value="3">Protect Our Oceans</option>
    <option data-name="Conserve Wildlife" data-img="/images/img/ConserveWildlife.png" data-price="$30" value="4">Conserve Wildlife</option>
</select>
<!-- Modal -->
<div class="modal fade" id="modal_special" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Specialty Plate</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
          <button type="button" class="btn btn-primary accept">Accept</button>
      </div>
    </div>
  </div>
</div>

$(function() {
        $('#SPECIAL').on('change', function() {
            if ($('option:selected', this).is('[data-img]')) {
                $('#modal_special').find('.modal-body').html('<p>Image will go here:</p>')
                .append('<img alt="coming soon" src="' + $('option:selected', this).data('img') + '"/>')
                .end().modal('show');
            }
        });
        $('.accept').on('click',function() {
            //do something
            $('#modal_special').modal('hide');
        });
    });

Answer 1

一个没有 Bootstrap 或 IE 版本的开放式问题。

尽管值得注意的是，最新的 Bootstrap 版本不支持 IE7 及以下版本。此外，如果您想要支持 IE8/9，那么您需要添加其他库，例如 Respond.js

Boostrap 文档中有一个完整的部分介绍了浏览器支持和您需要采取的措施以使一切顺利运行。

http://getbootstrap.com/getting-started/#support-ie8-ie9

http://getbootstrap.com/getting-started/#support-ie8-respondjs

Answer 2

鉴于您在问题中提供的少量信息，最明显的行为来源将是 IE 的过时版本（8 或更少）。 （请参阅Bootstrap-docs 中的浏览器支持）

如果是这样，请尝试将Respond.js 添加到您的网站中。如果这不能解决问题，我强烈建议您在问题中提供更多信息。