Jquery无法捕获<form>提交事件</form>

Question

我有一个名为Apply，

的提交按钮

视觉

HTML

<div id="accordion">
    <div>
       <h3><a href="#">Theme color and layout</a></h3>
       <div>
       <!-- Colour picker code -->
        <form id="applyColor">
           <input class='simple_color' value='#cc3333'/>     
           <input type='submit' value='Apply'/>
        </form>
        </div>
    </div>
<div>

的Javascript

//Colour picker
$(document).ready(function(){
    $('.simple_color').simpleColor();

    $("#applyColor").submit(function() {
        alert($('input.simple_color')[0].value);
    });
});

问题：

现在，每当我点击提交按钮时，它都不会执行我的警告声明。我试图使用像alert('Hello World!');之类的简单警报语句，但它也没有用。

我不确定什么是错的，我做错了什么？

---

链接Jquery

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

我以前用来创建颜色选择器的源代码和关于通过ajax发布的教程，

• Color picker
• How to post form via jquery ajax

Answer 1

当我没有正确引用颜色选择器时，我只能重现您的问题。当我参考它时，解决方案按预期工作：

$(".simple_color").simpleColor();

$("#applyColor").on("submit", function(event){
    event.preventDefault();
    alert( 'Submitted' );
});

工作：http://jsbin.com/ejovir/2/edit
不工作（未引用插件）：http://jsbin.com/ejovir/3/edit

检查您的控制台是否有类似以下内容的消息：

  

未捕获TypeError：对象[object Object]没有方法'simpleColor'