As a beginner web developer, I am in the process of creating a mobile-friendly website system. Currently, I am utilizing Bootstrap for responsiveness, PHP5, MySQL, and occasionally Ajax/JQuery.
Recently, I came across JQuery Mobile. While I have been using regular JQuery/Ajax to load content without refreshing the entire page, I wonder if there are any considerations I should keep in mind when building such a system. Am I on the right track with the tools I am currently using, or is there something missing?
Moreover, I am curious about whether normal JQuery will function properly on mobile devices. For example, will the code snippet below work as intended for changing content on a page:
$('#content').load('content/main.php');
$('ul#nav li a').click(function() {
var page = $(this).attr('href');
$('#content'(.load('content/' + + '.php');
});