Javascript jQuery函数在IE8或IE7中未触发_Javascript_Jquery_Jquery Plugins_Syntax_Internet Explorer 8

Javascript jQuery函数在IE8或IE7中未触发

javascript jquery jquery-plugins syntax internet-explorer-8

Javascript jQuery函数在IE8或IE7中未触发,javascript,jquery,jquery-plugins,syntax,internet-explorer-8,Javascript,Jquery,Jquery Plugins,Syntax,Internet Explorer 8,这是我遇到问题的页面：在除IE8和IE7之外的所有浏览器中都可以正常工作（插件应该支持这些浏览器）EmbeddeTumblr工作正常，与removeClass一样，但royalSlider功能未启动这是我在页面上的脚本： <script type="text/javascript"> $(document).ready(function() { $('#posts_container').embedTumblr('http://api.tumblr.co

这是我遇到问题的页面：

在除IE8和IE7之外的所有浏览器中都可以正常工作（插件应该支持这些浏览器）EmbeddeTumblr工作正常，与removeClass一样，但royalSlider功能未启动

这是我在页面上的脚本：

<script type="text/javascript">
    $(document).ready(function() {
        $('#posts_container').embedTumblr('http://api.tumblr.com/v2/blog/japress.tumblr.com/posts?api_key=k9xgGA3H3LY3WFHgXMosOExTgQFSnhdGZCdrCdGJSgGSnLbg34');
    });
    $(window).load(function() {
        $('#posts_container').removeClass('hide');
        $('.royalSlider').royalSlider({
            arrowsNav: false,
            autoScaleSlider: false,
            imageAlignCenter: false,
            addActiveClass: true,
            controlNavigation: 'none',
            fadeinLoadedSlide: false,
            globalCaption: true,
            globalCaptionInside: true,
            imageScaleMode: 'fit',
            keyboardNavEnabled: true,
            visibleNearby: {
                enabled: true,
                centerArea: 0.4,
                center: true,
                breakpoint: 0,
                navigateByCenterClick: true
            }
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#posts_container”）.embeddetumblr（'http://api.tumblr.com/v2/blog/japress.tumblr.com/posts?api_key=k9xgGA3H3LY3WFHgXMosOExTgQFSnhdGZCdrCdGJSgGSnLbg34');
});
$（窗口）。加载（函数（）{
$（“#posts_container”）.removeClass（'hide'）；
$（'.royalSlider'）.royalSlider({
阿罗斯纳夫：错，
自动缩放滑块：false，
imageAlignCenter:false，
addActiveClass:true，
controlNavigation:“无”，
fadeinLoadedSlide:false，
环球卡普顿：没错，
globalCaptionInside：没错，
imageScaleMode:'fit'，
键盘导航已启用：true，
浏览者：{
启用：对，
中心面积：0.4，
中：是的，
断点：0，
NavigateByCenter单击：true
}
});
});

我对javascript/jquery比较陌生，所以我猜这可能是语法问题或类似的问题。如果您能提供任何帮助，我们将不胜感激

一些建议：

（1）尝试使用其他doctype，因为您正在使用的doctype可能会导致问题

要么：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

或

（如果您想切换到HTML5-推荐）

（2）由于存在大量错误，请通过HTML和CSS validatior运行站点

（3）我认为您也可以在documentready块中使用sliderjs代码。除非有充分的理由在里面使用窗口加载

（4）您正在运行较旧版本的jQuery。考虑更新到最新版本。

这里可以看到很多JS请求：

和JQuery库的2个文件：

让我想想JS冲突。

当我尝试将当前在window.load中的JS移动到document.ready块中时，它会在每个浏览器中中断（与IE8中的方式相同…除了.royalSlider之外的所有东西都会触发）。我不知道这是否有助于诊断问题。至于你的其他建议，我对在网站上全局更改东西很谨慎，以防它破坏其他功能，但我会尝试这些，一旦我确定我的页面特定代码不是问题所在。非常感谢。我们让我们的开发人员进行了调查，他们删除了谷歌1.7.1版本，但它仍然没有启动。如果这是某种JS冲突，我也不会感到惊讶；我们已经做了很多…使用样板（框架）是防止JS冲突的好方法。

<!doctype html> (If you want to switch to HTML5 - recommended)