jQuery Mobile - $ .camelCase不是一个函数

时间:2011-08-02 08:41:24

标签: jquery jquery-mobile

目前,我尝试使用jQuery Mobile,但它无法正常工作...... 我所做的就是:

 <!DOCTYPE html>                                                                
<html xmlns="http://www.w3.org/1999/xhtml">                                               
    <head>                                                                                
        <link rel="stylesheet" type="text/css" href="styles.css">
        <link rel="stylesheet" type="text/css" href="jquery.mobile-1.0b1.css">
        <script type="text/javascript" src="jquery-1.4.2.js"></script>
        <script type="text/javascript" src="jquery.mobile-1.0b1.js"></script>
    </head>                                                                               
    <body>                                                                                
        <div data-role="page">

            <div data-role="header">
                <h1>My first jQM Page</h1>
            </div><!-- /header -->

            <div data-role="content">
                <p>This is the Content</p>
            </div><!-- /content -->

            <div data-role="footer">
                <h4>Footer</h4>
            </div><!-- /footer -->

        </div><!-- /page -->
~                           
    </body>                                                                               
</html>      

Firebug总是告诉我

  

$。camelCase不是函数[Break On This Error]返回   $ .camelCase($ .mobile.ns + prop);

在jquery.mobile-1.0b1.js(第1967行)

你能帮帮我吗?我的代码出了什么问题?

1 个答案:

答案 0 :(得分:1)

camelCase是jQuery Mobile正在使用的jQuery核心功能。它存在于最新版本的jQuery(1.6.2)中,但似乎不存在于您正在使用的旧版本(1.4.2)中。我不确定它什么时候被引入,但它似乎最近已被移入核心。

所以,升级你的jQuery库。 jQuery Mobile网站似乎没有指定最低jQuery版本,但他们的示例使用1.6.1,所以我升级到至少那个版本 - 我会说你最好只是抓住最新和最好的,1.6.2。