javascript - 错误: 'History.Adapter' is null or not an object

Question

js 并且在除 IE8 之外的所有浏览器中都可以正常工作。我有下一个错误

Error: 'History.Adapter' is null or not an object

我的代码:

@Scripts.Render("~/bundles/history")
<script type="text/javascript">

    var History = window.History;  
    $(document).ready(function () {           
    change(1, '#catalog');        

    History.Adapter.bind(window, 'statechange', function () {
        try {
            var State = History.getState();
            $('#Products').load(State.url);
        } catch (e) {

        }    
    });

    function change(id, ItemMenu) {   
        var url = $('#' + id).val();
        try
        {        
            History.pushState({}, null, url);
        }
        catch(e)
        {
        }                

    }
</script>

和脚本:

   bundles.Add(new ScriptBundle("~/bundles/history").Include(
            "~/Scripts/History/history.adapter.jquery.js",
            "~/Scripts/History/history.html4.js",
            "~/Scripts/History/history.js",
            "~/Scripts/History/json2.js"

            ));

Answer 1

为了在 IE 8 中正确工作，您需要将初始化 History.js 和 History.Adapter.bind 放入 $(document).ready(...)这适用于所有浏览器...以及 IE 8

@Scripts.Render("~/bundles/history")
<script type="text/javascript"> 
    $(document).ready(function () {
        var History = window.History;

        History.Adapter.bind(window, 'statechange', function () {
            try {
                var State = History.getState();
                $('#Products').load(State.url);
            } catch (e) {

            }
        });
    });


    function change(id, ItemMenu) {  
        var url = $('#' + id).val();
        try
        {        
            History.pushState({}, null, url);
        }
        catch(e)
        {
        }                

    }
</script>