Question

I’m using jquery.mobile-1.0.1.

I’m trying to make the page reload when clicking on the current ‘tab’ in a ui-listview:

I’ve managed to track down the function and change the source code in jquery.mobile-1.0.1.js to fix this but I’m wondering if there’s a way to do it without modifying the jquery-mobile source.

The function in question is:

$.mobile.loadPage = function( url, options ) {      
settings = $.extend( {}, $.mobile.loadPage.defaults, options ),
//rest omitted

I can see it is combining the default settings (mobile.loadPage.defaults) with user defined options

You need to pass reloadPage: true via options as the default is false.

If I follow the call stack upwards it logically (for the purposes of passing arguments) stops at

$.mobile.changePage( href, { transition: transition, reverse: reverse, role: role } );

so I passed in reloadPage:true in here but that would be modifying the source code of jquery.mobile-1.0.1.js which I’m trying to avoid.

I’m new to js and jquery so unsure if there is some standard way to pass these options down as it appears thats the way it was designed, or perhaps it was designed this way for use by jquery.mobile internally and changing the source is the only way.

I’m wondering if there is some global way of setting arguments/options that would be available to this function; it seems strange the jquery mobile guys would seemingly code for reloadPage but not expose it for callees.

Answer 1

I found the easiest way was to add this:

<script type="text/javascript">

    $.mobile.loadPage.defaults.reloadPage = true;

</script>