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

Question

大家好，本人有一行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

Answer 1

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

Answer 2

$(function(){your code here})

Answer 3

jquery 1.8之后好像就不支持ie7,8了。应该是版本问题。