1

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経由の投稿に関するカラーピッカーとチュートリアルを作成するために使用したソース、

4

1 に答える 1

5

カラーピッカーを適切に参照していない場合にのみ、問題を再現できました。私がそれを参照したとき、ソリューションは期待どおりに機能しました：

$(".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: オブジェクト [オブジェクト オブジェクト] にはメソッド 'simpleColor' がありません

于 2012-05-01T03:44:56.420 に答える