jQuery Forum

Hitting a critical issue with WP7 using the changePage method.

Here is my setup:

in the head tag

1.     <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
2.     <script type="text/javascript" src="js/custom.js"></script> 
3.     <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

step2.html which has this link to square_rectangle.html

1.             <li><a href="square_rectangle.html"><img src="img/square.png" /><strong>Square/Rectangle</strong> For footings, slabs and flooring</a></li>

works fine.

on square_rectangle.html, the inital markup is this

1. <div data-role="page" id="three">

on the page is a form which has items that need to be calculated, there is a function in the custom.js file to this.

on the page is a anchor link which links has an empty href value

1. <a id="calculate_square" href="#" name="calculate_btn">Calculate volume</a>

and here is the js, which works in everything except WP7/IE7

1.     $('#three').live('pagebeforeshow',function(event, ui){
2.         $('#calculate_square').click(function(evt) {
3.             var height = $('#height').val();       
4.             var width = $('#width').val();       
5.             var depth = $('#depth').val();       
6.            
7.             if(height == 0 || width == 0 || depth == 0){
8.                 alert("something is blank");
9.             }
10.             else {
11.                 evt.preventDefault();
12.                 calculateSquare();
13.                 $.mobile.changePage("results.html", "slide", false, true);
14.                 //$.mobile.path.set("results.html")
15.                 /*
16.                 $.mobile.changePage({
17.                     url: 'results.html',
18.                     type: 'post',
19.                     data: $('form#frmCalc').serialize()
20.                 },'slide',false,false);
21.                 */
22.                
23.             }   
24.         });
25.     });

on WP7, if I leave the form fields empty, I get the alert(). However, the changePage function just isn't firing. Sometimes I get this error in IE7 "Exception thrown and not caught"

I have also tried

1. $.mobile.path.set("results.html")

but no luck. Any ideas guys? Am I doing something critically wrong?