ต่อไป »

[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 ตัว แล้วก็จัดเรียงตามที่บอกเลยครับ 

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