Fatal编程技术网
  • jquery/
  • jQuery Mobile-如何检查浏览器是否支持jQuery Mobile事件

jQuery Mobile-如何检查浏览器是否支持jQuery Mobile事件

jquery events mobile

jQuery Mobile-如何检查浏览器是否支持jQuery Mobile事件,jquery,events,mobile,Jquery,Events,Mobile,我目前正在使用jQuery Mobile“pagebeforecreate”页面初始化事件将内容加载到我的html页面中。这里讨论jQuery移动事件：。同步加载内容并将其附加到正文后，jQuery Mobile将格式化页面 以下是我在支持jQuery Mobile的浏览器中使用的代码： <!DOCTYPE html> <html> <head> <title>jQuery Mobile Test</title> <

我目前正在使用jQuery Mobile“pagebeforecreate”页面初始化事件将内容加载到我的html页面中。这里讨论jQuery移动事件：。同步加载内容并将其附加到正文后，jQuery Mobile将格式化页面

以下是我在支持jQuery Mobile的浏览器中使用的代码：

<!DOCTYPE html>
<html>
<head>
    <title>jQuery Mobile Test</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

    <script>
    $('body').live('pagebeforecreate',function(event){

        var ajaxContent = "";

        $.ajax({
            async: false,
            type: "GET",
            url: "test.xml",
            dataType: "xml",
            success: function(xml) { 

                $(xml).find('item').each(function()
                {
                    ajaxContent += '<li><a href="'+$(this).find('link').text()+'">'+$(this).find('title').text()+'</a></li>';
                });
                //alert(ajaxContent);
                $('#menu').append(ajaxContent);
            }
        });
    });
    </script>

    <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<noscript>You must have JavaScript enabled to view the content on this website.</noscript>
<div data-role="page">

    <div data-role="header">
        <h1>jQuery Mobile</h1>
    </div>

    <div data-role="content">

        <ul data-role="listview" id="menu">

            <li><a href="#">Static</a></li>

        </ul>

    </div>
</div>
</body>
</html>


jQuery移动测试
$（'body'）.live（'pagebeforecreate'，函数（事件）{
var ajaxContent=“”；
$.ajax({
async:false，
键入：“获取”，
url:“test.xml”，
数据类型：“xml”，
成功：函数（xml）{
$（xml）.find（'item'）.each（function（）
{
ajaxContent+='
  • '；
});
//警报（ajaxContent）；
$（“#菜单”）.append（ajaxContent）；
}
});
});
您必须启用JavaScript才能查看此网站上的内容。
jquerymobile

      

    •
    下面是XML文件：

    <?xml version="1.0" encoding="UTF-8"?>
<menu>
<item>
<title>Awesome Link from XML 1</title>
<link>http://www.google.com</link>
</item>
<item>
<title>Awesome Link from XML 2</title>
<link>http://www.gmail.com</link>
</item>
</menu>

    
来自XML1的精彩链接
http://www.google.com
来自XML2的精彩链接
http://www.gmail.com
    如何检测浏览器是否支持“pagebeforecreate”jQuery Mobile事件？或者是否有方法检测是否执行了此事件？如果从未执行此事件，则需要使用另一个函数加载XML。即使IE 8不支持jQuery Mobile，我仍然希望它能够处理XML文件并显示链接。

    jquerymobile正在努力支持 都是A级浏览器。这意味着 我们将积极测试 这些浏览器并确保 尽可能地工作。这个 浏览器将收到完整的jQuery 移动CSS和JavaScript（尽管 最终的布局可能是 优雅降级版本的 全功能，具体取决于 浏览器）

    要检查浏览器是否定义为a级，可以调用

    $.mobile.gradeA()
    我不需要IE来检查它提供了什么，但是你可以试一试

    jquerymobile正在努力支持 都是A级浏览器。这意味着 我们将积极测试 这些浏览器并确保 尽可能地工作。这个 浏览器将收到完整的jQuery 移动CSS和JavaScript（尽管 最终的布局可能是 优雅降级版本的 全功能，具体取决于 浏览器）

    要检查浏览器是否定义为a级，可以调用

    $.mobile.gradeA()
    我不需要IE来检查它的性能，但是你可以试试看

    谢谢！这很有效。我已经测试了“if（！$.mobile.gradeA（）”，它在IE8中工作。是否有关于“$.mobile.gradeA（）”事件的文档？我在jQuery移动网站上没有看到任何关于它的信息。我应该给你一个链接来标记你，并返回到这个页面。谢谢！这很有效。我已经测试了“if（！$.mobile.gradeA（）”，它在IE8中工作。是否有关于“$.mobile.gradeA（）”事件的文档？我在jQuery移动网站上没有看到任何关于它的信息。我应该给你一个指向这个页面的链接来标记你