Why does this fiddle just work when I use jQuery 1.5.2 ? http://jsfiddle.net/azZVk/17/ When

Question

0

Editorial Team

Asked: June 7, 20262026-06-07T23:37:02+00:00 2026-06-07T23:37:02+00:00

Why does this fiddle just work when I use jQuery 1.5.2 ? http://jsfiddle.net/azZVk/17/ When

0

Why does this fiddle just work when I use jQuery 1.5.2 ?

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

enter image description here

When I set it to jQuery 1.7.2 nothing is displayed

enter image description here

With jQuery Mobile 1.0.1 unselected here is display :

enter image description here

Wheras this should be displayed :

enter image description here

Fiddle code :

<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);
    });

});