JQuery hide() and show() 在IE 7、8中无法使用


大家好,本人有一行JQuery代码在IE 7中无法使用。貌似简单的情况,但到底是哪里出了问题呢?

JS:


 $(window).load(function(){
    $("#start").click(function(){ 

        $("#start").hide();
        $("#twin_buttons_1").show();

    });
});

HTML:


 <!-- start of button selection decision tree -->                    
<div class="input-group col-sm-6 col-sm-offset-4"> 
<button type="button" id="start" class="btn btn-success subscribe_button btn-publish">让我试试</button>
</div>

<div id="selection" class="input-group col-sm-8 col-sm-offset-3">

<!-- Twin 1st level buttons -->
<div id='twin_buttons_1' style='display:none;'>
    <br>
    <h2 style='font-weight:bold; color:white'>请选择一个选项:</h2>
    <button id='no_magic' class="btn btn-publish">都市生活</button>

<button id='magic' class="btn btn-publish">都市玄幻</button>

</div>

也加上了bootstrap CSS和JS。网址在www.conglinwang.com

jquery ie8 ie7 JavaScript internet-explorer

robotky 10 years, 8 months ago

真正的问题是JQuery版本问题。我将JQuery降级到1.2.0版本后即可正常使用。

kagura酱 answered 10 years, 8 months ago

Your Answer