Question

我目前在桌面浏览器和平板电脑上都有一个Web应用程序。除了jquery移动滚动视图外，我得到了一切工作并听取了正确的事件类型。

我将此插件用于底部的导航栏。它适用于所有浏览器，但Internet Explorer。有谁知道在文件中要更改什么才能让它工作即？

我也找到了插件iScroll，但是这个并没有给出相同的功能。如果可能的话，我宁愿继续使用jquery mobile scrollview。

Answer 1

为了让jquery mobile scrollview与IE一起工作，请将jquery.mobile.scrollview.js，第22行修改为：＆gt; scrollMethod：“scroll”，//“translate”，“position”，“scroll”默认设置为translate，IE不支持。

Answer 2

您可以通过首先检查浏览器是否为IE来创建对象，而不是编辑jquery.mobile.scrollview.js：

if($.browser.msie){
   opts.scrollMethod = "scroll";
}

在页面创建功能

中使用此功能

var $page = $( this );

// For the demos that use this script, we want the content area of each
// page to be scrollable in the 'y' direction.

//$page.find( ".ui-content" ).attr( "data-" + $.mobile.ns + "scroll", "y" );

// This code that looks for [data-scroll] will eventually be folded
// into the jqm page processing code when scrollview support is "official"
// instead of "experimental".

$page.find( ":jqmData(scroll):not(.ui-scrollview-clip)" ).each(function () {
    var $this = $( this );
    // XXX: Remove this check for ui-scrolllistview once we've
    //      integrated list divider support into the main scrollview class.
    if ( $this.hasClass( "ui-scrolllistview" ) ) {
        $this.scrolllistview();
        scrollViewObj = $this;
    } else {
        var st = $this.jqmData( "scroll" ) + "",
            paging = st && st.search(/^[xy]p$/) != -1,
            dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null,

            opts = {
                direction: dir || undefined,
                paging: paging || undefined,
                scrollMethod: $this.jqmData("scroll-method") || undefined
            };


        if($.browser.msie){
            opts.scrollMethod = "scroll";
        }
        $this.scrollview( opts );
        scrollViewObj = $this;
    }

});

Answer 3

它本身无法在IE上运行。 jQuery mobile非常基于HTML5，IE不是很符合HTML5。

最好的办法是调查chrome frame并让Google负责IE中缺乏HTML5支持。它实现起来非常简单，网站上有模板，它也可以加快网站上其他JavaScript的速度。

希望有所帮助！

获取jQuery mobile scrollview以在桌面上工作？

3 个答案: