2011-11-07 60 views
0

我有以下的jQuery代碼:jQuery的多個點擊問題

$(document).ready(function() 
    { 

     $("#build_table, a.coursename, .Start Date, .Book Title, .Book Author, .Book Isbn").click(function() 
     { 
      var whichButton = $(this).attr("class"); 
      console.log("Whichbotton = " + whichButton); 
      var prog = $("#program option:selected").text(); 
      var sch = $("#school option:selected").text(); 
      var trm = $("#term option:selected").text(); 
      var ext = $("#extension option:selected").text(); 
      if(prog == "" || sch == "" || trm == "") 
      { 
       alert("Please enter a selection for each field"); 
      } 
      else 
      { 
       $.get("build_table.php", {program: prog, school: sch, term: trm, extension: ext, button: whichButton}, 
       function(table) 
       { console.log("Entered table function"); 
        $("#input_table").replaceWith("<div id='input_table'>" + table + "</div>"); 
       }); 
      } 
     }); 
    }); 

在年初的方式,我有我想多butttons工作點擊功能。這段代碼將調用一個php文件來構建一個表,並且生成的表頭有不同的類名(例如coursename)。但它實際上並不適用於coursename,開始日期等,只適用於build_table,它是首先構建表的按鈕。我錯過了什麼嗎?我知道的名字是否正確,我甚至想乘坐空間從他們(a.coursename),並且仍然沒有工作之一......

+3

真的需要看到HTML給一個完整的答案,但提供的信息我會說CSS類不能有空格,否則CSS解析器如何區分[combinator](http://www.w3.org/TR/CSS2/selector.html#selector -syntax)和類名稱中的空格? – andyb

+0

同意。你已經提出了14個問題並接受了3個問題。這是一個社區,你也可以參與其中。 –

+0

接受/提升答案是欣賞的最佳方式。 – Priyank

回答

1

我有實現這個和它的工作..

HTML代碼:

<input type="button" value="Build table" id="build_table"/> 
<input type="button" value="Course name" class="CourseName"/> 
<input type="button" value="Start date" class="StartDate"/> 
<input type="button" value="Book title" class="BookTitle"/> 
<input type="button" value="Book author" class="BookAuthor"/> 
<input type="button" value="Book isbn" class="BookIsbn"/> 

jQuery代碼:

$(document).ready(function(){ 
    $("#build_table, .CourseName, .StartDate, .BookTitle, .BookAuthor, .BookIsbn").click(function(){ 
      alert("Yehh!! Its wroked :)"); 
      //your further code 

    }); 
});