Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,529

HOME > PHP > PHP Forum > jquery ทำงานพร้อมกันไม่ได้ค่ะ แก้ไขยังไงคะ พอใส่อีกตัวทำงานได้ พอเอาออกก็อีกตัวที่ทำงานได้





 

jquery ทำงานพร้อมกันไม่ได้ค่ะ แก้ไขยังไงคะ พอใส่อีกตัวทำงานได้ พอเอาออกก็อีกตัวที่ทำงานได้

 



Topic : 132423



โพสกระทู้ ( 21 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



Code (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="bootstrap-3.3.7/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="jquery-ui-1.11.4.custom.css">
  <link rel="stylesheet" href="jquery-ui-1.8.10.custom.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="jquery-ui-1.11.4.custom.js"></script>
 
  <script type="text/javascript" src="jquery-ui-1.8.10.offset.datepicker.min.js"></script>
  
  
  

<script type="text/javascript">

	$( function() {
		
		  
		
            $( "#dateSearch" ).datepicker({
				
                dateFormat: 'yy-mm-dd',
				minDate: 1,
				monthNames: ["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],
				dayNamesMin: ["อา","จ","อ","พ","พฤ","ศ","ส"], // Column headings for days starting at Sunday
				yearOffset:543,  // ใช้ปี พ.ศ. บวก 543 เพิ่มเข้าไปในปี ค.ศ
                language: 'th',
				isBuddhist: true

            });
			 $.datepicker.setDefaults($.datepicker.regional['th']);
            
            document.getElementById('course_id').innerHTML = $_GET['course_id'];
	});
 
    function checkAll() {

        $("input[id*='chkAll']:checkbox").click(function () {
            $("input[id*='booking']:checkbox").not(":disabled").attr('checked', $(this).is(':checked'));

        });
    };

</script>


<body>

<div class="container">
<div class="form-group  form-inline" >

  <table width="1113" border="0" align="center">
    <tr>
      <td height="100" colspan="3"><img src="img/h1.jpg" width="1113" height="100" /></td>
    </tr>
    <tr>
<?php
	$sql_position = "
            SELECT
               user_id,
               position_id
            FROM USER u
            where user_id = ".$_SESSION['user_id']."
        ";
        
	$queries = mysql_query($sql_position);
        $rowss = mysql_fetch_array($queries);
?> 
       <td colspan="3"><table width="1117" border="0"  dir="ltr"> 
        <tr>
          <td >            
              <?php if ($rowss['position_id'] == 1) { ?>
                <td><?php include "menu_admin.php";?></td>
              <?php } else if ($rowss['position_id'] == 2) { ?>
                <td><?php include "menu.php";?></td>
              <?php } else {?>
                <td><?php include "menu.php";?></td>          
        <?php } ?>
          </td>
        </tr>
      </table></td>
      </tr>
    <tr>
      <td width="230" valign="top"><table width="236" border="0">
        <tr>
          <td width="457" valign="top"><p><img src="img/images/booking_01.gif" width="230" height="49" /><a href="sercharge_f.php"><img src="img/images/booking_02.gif" width="229" height="46" /></a><img src="img/images/booking_03.gif" width="1" height="46" /><img src="img/images/booking_04.gif" width="230" height="46" /><img src="img/images/booking_05.gif" width="230" height="46" /><img src="img/images/booking_07.gif" width="229" height="43" /><img src="img/images/booking_09.gif" width="229" height="46" /><img src="img/images/booking_10.gif" width="229" height="46" /><img src="img/images/booking_11.gif" width="229" height="46" /><img src="img/images/booking_13.gif" width="230" height="46" /><img src="img/images/booking_14.gif" width="229" height="46" /><img src="img/images/booking_15.gif" width="1" height="46" /></p></td>
        </tr>
      </table></td>
      <td width="873" colspan="2" align="center" valign="top">
	  <p><img src="img/checkin.png" width="44" height="44" /><label>เลือกจองสนามฟุตบอล</label></p>
	  
      <p><strong>วันนี้: </strong>
        <?=thai_date_and_time(time())?></p>
      <p>
        <label for="dateSearch">เลือกวันที่ : </label>
        <input type="text" name="dateSearch" id="dateSearch"  class="form-control" placeholder="วัน-เดือน-ปี" data-date-language="th"/>
        
        <label for="field">เลือกสนาม : </label>
        <select name="course_id" id="course_id" class="form-control" onchange="">
          <?php if(!$_SESSION['course_id']) { ?>
          <option value="0" selected="selected" disabled="disabled">--กรุณาเลือกสนามฟุตบอล--</option>
          <?php } ?>
          <?php			 
	$sql = "select * from field order by field_id asc;";
	$query = mysql_query($sql);
	mysql_query("SET character_set_results=utf8");
	mysql_query("SET character_set_client=utf8");
	mysql_query("SET character_set_connection=utf8");

	while($row = mysql_fetch_array($query)){
        ?>
          <option value="<?php echo $row['field_id']; ?> "><?php echo $row['field_name']."  (".$row['field_detail'].")"; ?></option>
          <?php	} ?>
        </select>
        
        <input type="button" name="search" id="search" class="btn btn-success" value="ค้นหา" onclick="
        var dateSearch = document.getElementById('dateSearch').value;
        var course_id = document.getElementById('course_id').value;
        var fieldNum = 0;
        if(dateSearch && course_id > 0) {
            var showTableAPI = 'booking_table.php?dateSearch=' + dateSearch + '&field_id=' + course_id;                
            var xmlhttp = new XMLHttpRequest();
			var fieldNum = 0;
            xmlhttp.onreadystatechange=function() {
                if (this.readyState==4 && this.status==200) {
                    document.getElementById('dataTable').innerHTML = this.responseText;
                    $('#UnCheckAll').click(function(){
						$('.messageCheckbox').prop('checked',false);
						$('#showprice').html(0);
                        $('#fieldNum').html(0) ;
                        
                    });
                    
                	  $('.messageCheckbox').click(function(){
                       var priceID=$(this).val();
                       var priceold=parseInt($('#showprice').html());
                        
                       fieldNum += this.checked ? 1 : -1;	// ตรวจสอบ ปุ่มเช็ค เขียนใน event click
                       $('#fieldNum').html(fieldNum);	//# = ID, . = ตัวแปร
                       
                       if($(this).prop('checked')==true){
						$.get('checkprice.php?price='+priceID, function(data){
                       // alert(data);
                       var pricenew= priceold + parseInt(data);
                       $('#showprice').html(pricenew);
                        });
                        
                       }else{
                       $.get('checkprice.php?price='+priceID, function(data){
                       // alert(data);
                       var pricenew = priceold - parseInt(data);
                       $('#showprice').html(pricenew);
                       });
                       } 
                    });
                                                        
                }
            }

            xmlhttp.open('POST',showTableAPI,true);
            xmlhttp.send();                
        } else {
            alert('กรุณาเลือกวันที่ และสนามค่ะ');
            exit;
        }  
    "/>
        
      </p>
      <table id="dataTable" style="background-color: white; margin-top: 10px; user-select: none;"></table>
    
    
<script type="text/javascript">
    $('#chkSubmitt').click(function(){
        var val = [];
        $(':checkbox:checked').each(function(i){
            val[i] = $(this).val();
            console.log($(this).val());
            });
    });
</script>
</body>
</html> 


ปัญหาอยู่ที่ <script type="text/javascript" src="jquery-1.4.4.min.js"></script> ค่ะ ไมม่รู้ว่าต้องแก้ยังไง ช่วยหน่อยนะคะ



Tag : PHP, jQuery









ประวัติการแก้ไข
2018-10-25 20:24:46
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-10-25 20:22:08 By : 1851112778284115 View : 197 Reply : 3
 

 

No. 1



โพสกระทู้ ( 7,879 )
บทความ ( 1 )



สถานะออฟไลน์


ตัว 3.3.1 ไม่ครอบคลุมเหรอครับ ผมใช้ 3.3.1 ตัวเดียว กับ bootstrap ก็ครอบคลุมทุกอย่างแล้วอะครับ

แต่ถ้าจำเป็นจริงๆ (ซึ่งไม่น่าจะเป็นอย่างนั้น)
ลองค้น jquery conflict ดูครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-25 23:18:40 By : Chaidhanan
 


 

No. 2



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ลองดู Error จาก console ใน chrome เอาไป search อีกทีอาจจะช่วยได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-26 01:40:07 By : apisitp
 

 

No. 3



โพสกระทู้ ( 3,444 )
บทความ ( 8 )



สถานะออฟไลน์


ตามคห. 1 ว่า ใช้มันแค่อันเดียวก็พอแล้ว จะใช้ทำไมพร้อมๆกันหลายอัน
ถ้าใช้ของใหม่ แล้วมันเจอ error อะไรใน console ก็เอามาหาวิธีเขียนในเวอร์ชั่นใหม่ๆซะ ตัวอย่างเช่น ถ้าเคยใช้ .live() ก็เปลี่ยนมาใช้ .on() เป็นต้น.

พยายามแยกเอา css เท่านั้นไว้ใน <head>...</head>
เอา js ทั้งที่เรียกเป็นไฟล์และเป็น inline ไว้ด้านล่างก่อนปิด </body>
เพื่อให้หน้านั้นทำงานได้รวดเร็วและมีปัญหาน้อยกว่าในการทำงานกับ DOM ถ้าเผลอไม่ได้เขียนการทำงานใส่ไปในตอนที่ DOM โหลดแล้ว.
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-26 19:12:52 By : mr.v
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : jquery ทำงานพร้อมกันไม่ได้ค่ะ แก้ไขยังไงคะ พอใส่อีกตัวทำงานได้ พอเอาออกก็อีกตัวที่ทำงานได้
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่