Question

这是我的index.html

的一部分

  <body>
    <div class="testbox">

        <div class="header">This is my Java Script test box</div>
        <div class="body"><p>This is my body</p></div>
        <div class="input">
          <div class="line">
              <p>input</p>
          </div>
          <div class="submitbtn">
              <p>submit</p>
          </div>
        </div>
    </div>

  <script src="test.js"></script>
  </body>
</html>

这是我的按钮

的CSS

 .testbox .input .submitbtn {
    background: #F2711B;
    cursor: pointer;
    float: left;
    height: 100%;
    width: 25%; }

这是我的test.js

 var main = function {
    $(".submitbtn").click(function() {
        alert("yay");
    }); 
}; $(document).ready(main);

那为什么.js代码不起作用？如果我能得到一些帮助，那就太好了！谢谢:)）

Answer 1

您的主要功能是缺少括号。

var main = function() { //right

不

var main = function { //wrong

Answer 2

除了缺少()之外，您的代码运行正常，请尝试：

＆＃13;

var main = function(){
  $(".submitbtn").click(function() {
    alert("yay");
  });
};

$(document).ready(main);

＆＃13;

 .submitbtn {background: orange; cursor: pointer; float: left; padding: .2em 1em; }

＆＃13;

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

<div class="submitbtn">submit</div>

＆＃13;

问题来自其他地方。打开控制台（F12），看看是否有任何错误。

javascript click事件处理程序无法正常工作

2 个答案: