Jquery ซ้อนกัน ต้องจัดเรียงยังไงครับ

[forhersonly]

พอดีผมต้องการใช้ script jquery เกี่ยวกับปฏิทินมาติดบนเว็บไซต์ แต่พอนำมาใส่กับหน้าหลักที่ผมใส่ script jquery เกี่ยวกับสไลด์ภาพไว้อยู่แล้ว script มันซ้อนกันน่ะครับ ต้องจัดเรียงยังไงครับให้มันแสดงผลทั้ง 2 ตัวได้ครับ

อันนี้ script ปฏิทินนะครับ

โค้ด เลือก ขยาย


<link href="css/normalize.css" rel="stylesheet" type="text/css"/>
<link href="css/datepicker.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$('#datepicker').datepicker({
inline: true,
//nextText: '&rarr;',
//prevText: '&larr;',
showOtherMonths: true,
//dateFormat: 'dd MM yy',
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
//showOn: "button",
//buttonImage: "img/calendar-blue.png",
//buttonImageOnly: true,
});
});
</script>


ส่วนนี่scriptในหน้าหลักที่ต้องการเอาปฏิทินมาใส่ครับ

โค้ด เลือก ขยาย


     <link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'>
    <script type='text/javascript' src='js-slide/jquery.min.js'></script>
    <script type='text/javascript' src='js-slide/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='js-slide/jquery.easing.1.3.js'></script>
    <script type='text/javascript' src='js-slide/camera.min.js'></script>
    <script type="text/javascript">
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
jQuery('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>



รบกวนผู้รู้ทีนะครับ  ขอบคุณมากครับ  

[ttong]

เหมือนว่าจะมีการเรียกใช้ jQuery ซ้ำกันในหน้าเดียวนะครับ ลองตัดออกตัวนึง

โค้ด เลือก ขยาย


ตัดอันนี้
<script type='text/javascript' src='js-slide/jquery.min.js'></script>
หรือ
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>


[phpwin]

ขอดูผลลัพธ์หน่อยได้ไหมครับว่ามันซ้อนกันยังไง ผมเกรงว่าจะเข้ากันไม่ได้เพราะใช้ jQuery คนละเวอร์ชั่น
ลองจัดเรียงตามนี้คับ

โค้ด เลือก ขยาย


<link href="css/normalize.css" rel="stylesheet" type="text/css"/>
<link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'>
<link href="css/datepicker.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type='text/javascript' src='js-slide/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='js-slide/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='js-slide/camera.min.js'></script>
<script type="text/javascript">
$(function(){
$('#datepicker').datepicker({
inline: true,
//nextText: '&rarr;',
//prevText: '&larr;',
showOtherMonths: true,
//dateFormat: 'dd MM yy',
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
//showOn: "button",
//buttonImage: "img/calendar-blue.png",
//buttonImageOnly: true,
});
                      $('#camera_wrap_1').camera({
thumbnails: true
});
$('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>


[forhersonly]

ได้แล้วครับ  ตามที่ท่านบอกเลย  ตัด jquery.min.js ออก 1 ตัว แล้วก็จัดเรียงตามที่บอกเลยครับ 

ขอบคุณมากนะครับ