Блог

Главная - Вопросы по программированию - проблема с несколькими щелчками jquery

проблема с несколькими щелчками jquery

#jquery

#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>");
                });
            }   
        });
   });

В начале пути у меня есть функция щелчка, которую я хочу использовать для нескольких кнопок. Этот код вызовет файл php для построения таблицы, и результирующие заголовки таблиц будут иметь разные имена классов (например, coursename). Но на самом деле это не работает для имени курса, даты начала и т.д., Только для build_table, которая была кнопкой, которая в первую очередь создала таблицу. Я что-то упускаю? Я знаю, что имена правильные, я даже пытался убрать пробел из одного из них (a.coursename), и это все равно не сработало…

Комментарии:

1. Действительно нужно увидеть HTML, чтобы дать полный ответ, но с предоставленной информацией я скажу, что в классах CSS не может быть пробелов, иначе как анализатор CSS может определить разницу между комбинатором и пробелом в имени класса?

2. Согласен. Вы задали 14 вопросы и согласились 3 . Это сообщество, и вы тоже должны сыграть свою роль.

3. Принятие / голосование за ответ — лучший способ оценить.

Ответ №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

    });
});