javascript - 当我使用最新版本的 jQuery 时，小提琴不起作用

Question

为什么当我使用 jQuery 1.5.2 时这个小提琴才起作用？

http://jsfiddle.net/azZVk/17/

当我将它设置为 jQuery 1.7.2 时，什么都没有显示

此处未选择 jQuery Mobile 1.0.1 是 display ：

而这应该显示：

小提琴代码：

<div data-role="page" id="firstpage">

        <div data-role="header">
                <h1>First Page</h1>
        </div>

<div data-role="content" id="links">

</div>

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

</div>

<div data-role="page" id="secondpage">

        <div data-role="header">
                <a href='#' class='ui-btn-left' data-icon='arrow-l' onclick="history.back(); $('#pagecontent').empty(); return false">Back</a><h1>Bar</h1>
        </div>

        <div id="pagecontent" data-role="content">

        </div>

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

$(document).ready(function() {

for (var i = 0; i < 4; i++) {  
    $('#links').append(buildButton());     
}

   function buildButton() {
    var button= '<a data-role="button" href="#secondpage" data-theme="c" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-c"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Link Button</span></span></a>';

    return $(button).click(function () {
        $("#secondpage").data("val", "test value")
    });       
   }

    $('#secondpage').live('pageshow', function() {
        var val1= $(this).data('val');
        $("#pagecontent").html(val1);
        console.log('val is '+ val1);
    });

});

Answer 1

问题是当你选择1.7.2

你也打勾Mobile 1.0.1

编辑：您在这里使用了错误的版本

将它们更新到最新版本以使用 1.7.2

CSS：http ://code.jquery.com/mobile/1.1.0jquery.mobile-1.1.0.css

和

JS： http ://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js

在1.7.2 这里工作：http: //jsfiddle.net/azZVk/25/

也不要使用live我们on。