I'm creating a website that uses lots of forms and jQuery Mobile. I'm having a problem where if I'm on a page with jQuery Mobile and I go to another page with jQuery Mobile, then on the page that I go to my form isn't being processed onClick. In this post I'm going to be talking about two pages, Reports.php and DataManipulation.php. By the way if I refer to files or ids or classes that aren't in this post, be sure that I have them because I do, I just wanted to keep this post shorter.
Can you please help me find out why, when I come from a page with jQuery Mobile to another page with jQuery Mobile and a form, the page that I come to with the form isn't processed onClick?
Here is what is in the head tag for both pages (I'm not going to show my head tag in my files as to keep this post shorter, but it is there):
<title>MIS</title>
<link rel="stylesheet" href="../css/jQueryMobile.css"> <!--Link to the jQuery Mobile css file, modified for my purposes-->
<link rel="stylesheet" href="../css/Main.css"> <!--Link to my css file-->
<script src="../scripts/js/Normalize.js"></script> <!--Link to a file that disables some of jQuery Mobile's classes for purposes of jQuery Mobile's css not interfering with my css-->
Here is my Normalize.js file (just in case you wanted to see it):
var checked = form.querySelector('input:checked');
var value = checked ? checked.value : null;
if (value == "insert") {
var href = "http://bdpastudents.com/~a7068104/2013-2014/Lab_13/DataManipulation/Insert.php";
window.location.replace(href);
} else if (value == "update") {
var href = "http://bdpastudents.com/~a7068104/2013-2014/Lab_13/DataManipulation/Update.php";
window.location.replace(href);
} else if (value == "delete") {
var href = "http://bdpastudents.com/~a7068104/2013-2014/Lab_13/DataManipulation/Delete.php";
window.location.replace(href);
}
}
Can you please help me find out why, when I come from a page with jQuery Mobile to another page with jQuery Mobile and a form, the page that I come to with the form isn't processed onClick?