Question

我有以下HTML代码：

<form name="question_issue_form" id="question_issue_form" action="question_issue.php">
      <table class="trnsction_details" width="100%" cellpadding="5">
        <tbody>    
          <tr>
            <td></td>
            <td>
              <input type="checkbox" name = "que_issue[]" value = "Question is wrong" id ="chkQueWrong">Question is wrong</input>
            </td>
          </tr>
          <tr>
            <td></td>
            <td><input type="checkbox" name = "que_issue[]" value = "Answers are wrong" id ="chkAnsWrong">Answers are wrong</input></td> 
          </tr>
          <tr>
            <td></td>
            <td><input type="checkbox" name = "que_issue[]" value = "Question direction is incorrect" id ="chkDirIncorrect">Question direction is incorrecct</input></td>                
          </tr>
          <tr>
            <td></td>
            <td><input type="checkbox" name = "que_issue[]" value = "Other" id ="chkOther">Other</input></td>          
          </tr>
          <tr>
            <td></td>
            <td class="set_message" style="display:none;"><textarea name="que_issue_comment" rows="4" cols="25" maxlength="100"></textarea></td>      
          </tr>
          <tr>
            <td></td>
            <td><input type="submit" name="submit" value="Submit" id="report_question_issue"></td>
          </tr>
        </tbody>
      </table>
    </form>

以下是我的JS代码：

$(document).on('click', '#report_question_issue', function (e) {
    alert("Jumbo man");
}

点击提交按钮后，我正在调出警报，但它没有出现。我不知道为什么会这样？为了您的参考，以下链接到js小提琴; http://jsfiddle.net/TjK2N/

Answer 1

您未加入JQuery参考。你错过了关闭);

DEMO

Answer 2

在你的代码支架中最后没有正确关闭。这是必需的“）”see this updated fiddle

$(document).on('click', '#report_question_issue', function (e) {
    alert("Jumbo man");
});

Answer 3

$(document).on('click', '#report_question_issue', function (e) {
    alert("Jumbo man");
}

$（XXX）这是一个jquery语法，但我看到你在Pure JS环境中。你应该使用js库吗？

Answer 4

问题在于submit的{{1}}操作在调用JS之前重新加载页面。
为避免这种情况，您可以通过以下方式之一进行更改：

第一次使用JS进入<form>属性

action

使用<form name="question_issue_form" id="question_issue_form" action="javascript:alert('test')">属性

的第二名

onsubmit

在<form name="question_issue_form" id="question_issue_form" onsubmit="alert('test');" action="question_issue.php">事件

上使用jQuery

submit

第4次使用提交按钮上的$('form#question_issue_form').submit(function() { alert('test'); return false; //to avoid the reload });事件上的jQuery

click

警报消息为何没有出现？

4 个答案: