When I add mobile jquery another library stops its work. - php

Question

When I add js/jquery.mobile-1.4.5.min.js library all above jquery are not working only this jquery.mobile-1.4.5.min.js jquery working and navigation stop its work. So how to short out this jquery list to work all in proper way.
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/stickUp.min.js" type="text/javascript"></script>
<script src="js/colorbox/jquery.colorbox-min.js" type="text/javascript"> </script>
<!-- templatemo 395 urbanic -->
<script src="js/templatemo_script.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).ready(function () {
$(".anchor_img").click(function (e) {
//$('#overlay_form, #overlay-back').fadeIn(500);
var targetPopup = $(this).attr('id');
$("#hidden_id").attr('value',targetPopup);
$.ajax({
type: "POST",
url: "popup.php?id="+targetPopup,
dataType : 'json',
data: $('#myform').serialize(), // serializes the form's elements.
success: function(data)
{
//$(".overlay_form").fadeIn(1000);
//$(".overlay_form").html(data);
//$.each(data.employees, function(key, value){
//$(".overlay_form").load(data);
//$('.overlay_form').html(data);
//console.log(data);
$(".overlay_form").fadeIn();
$(".cover").fadeTo(500, 0.8);
$("#id>img").attr("src",data.fullpath);
$("#popup_img_id").attr("value",data.id);
console.log(data.fullpath);
//$("#cboxOverlay").show();
//});
}
});
e.preventDefault(); // avoid to execute the actual submit of the form.
});
//close popup
$(".close").click(function () {
$(".overlay_form").fadeOut();
$(".cover").fadeOut();
});
$('body').click(function(e) {
if (!$(e.target).closest('.overlay_form').length){
$(".overlay_form").fadeOut();
$(".cover").fadeOut();
}
});
});
//maintain the popup at center of the page when browser resized
//$(window).bind('resize', positionPopup);
</script>
<script>
$("#popup_submit").click(function (e) {
var pname = $("#popup_user_name").attr('value');
var pmobile = $("#popup_user_mobile").attr('value');
var pcomment = $("#popup_user_comment").attr('value');
if(pname == "")
{
alert("Plz Enter Your Name");
return false;
}
if(pmobile == "")
{
alert("Plz Enter Your Mobile");
return false;
}
if(pcomment == "")
{
alert("Plz Enter Your Comment");
return false;
}
$.ajax({
type: "POST",
url: "popup_msg.php",
dataType : 'json',
data: $('#myform_popup').serialize(), // serializes the form's elements.
success: function(data)
{
alert("Message Sent !");
$("#popup_user_name").val("");
$("#popup_user_mobile").val("");
$("#popup_user_comment").val("");
}
});
e.preventDefault(); // avoid to execute the actual submit of the form.
});
</script>
<script>
$("#popup_user_mobile").keypress(function (e) {
//if the letter is not digit then display error and don't type anything
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
//display error message
$("#errmsg").html("Digits Only").show().fadeOut("slow");
return false;
}
});
$("#user_mobile").keypress(function (e) {
//if the letter is not digit then display error and don't type anything
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
//display error message
$("#contact_errmsg").html("Digits Only").show().fadeOut("slow");
return false;
}
});
</script>

Answer 1

It's impossible to say for sure what all conflicts you may be experiencing, but a likely problem is the fact you are including jQuery twice. I would suggest reworking your script includes so that you only pull in jQuery a single time. This may probably work, but it depends on your script version requirements:
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/stickUp.min.js" type="text/javascript"></script>
<script src="js/colorbox/jquery.colorbox-min.js" type="text/javascript"> </script>
<!-- templatemo 395 urbanic -->
<script src="js/templatemo_script.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
The only change I made was removing <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>, which was inserted right before you included jQuery mobile, since you already included jQuery on the first line.