0

これらのフィールドからデータを取得しようとしています

<input type="text" id="distance1" placeholder="FROM"/>
<input type="text" id="distance2" placeholder="TO" />
<button id="distCalculate">Calculate!</button>

それらを使って何かをするためにjQueryに。しかし、これは機能していません:

jQuery(document).ready(fucntion(){
    jQuery('#distCalculate').live('click', function() { 
            alert('hi!');
            var d1 = $('#distance1').val();
            var d2 = $('#distance2').val();

            console.log('Vr: ' + d1 + d2);

            if(d1 != '' && d2 != '')
            {
                alert('vrednosti: ' +d1+' '+d2);
            }
            else
            {
                return false;
            }
     });
});

「こんにちは！」と言う最初のアラート（）でさえありません 動かない。誰にも手がかりがありますか？

4

5 に答える 5

2

jQuery(ドキュメント) .レディ(関数(){

する必要があります

jQuery(ドキュメント).レディ(関数(){

于 2012-10-04T07:24:14.477 に答える
1

他の人が指摘したように、スペルを間違えfunctionました。

例として、コードの最新バージョン (jQuery 1.7+) を次に示します。

(function($) {
    $(function() {
        $(document).on('click', '#distCalculate', function() { 
                var d1 = $('#distance1').val();
                var d2 = $('#distance2').val();

                if (!isNaN(d1) && !isNaN(d2)) {
                    alert('vrednosti: ' + d1 + ' ' + d2);
                } else {
                    return false;
                }
         });
    });
})(jQuery);
于 2012-10-04T07:29:23.473 に答える
0

function1 行目のキーワードのスペルが間違っています(機能)

于 2012-10-04T07:24:43.910 に答える
0

  1. 「関数」のスペルを修正

  2. Live() は、この種のシナリオでは機能しません、ボス!

その理由は

Live() は、ユーザー インタラクションの過程で動的に追加される要素にイベントをバインドする方法です。

クリックイベントをバインドする最適な方法は、a) click() をすぐに使用する 2)bind('click',function()) です。

于 2012-10-04T07:25:58.513 に答える
0

これを試してみてください....

jQuery(document).ready(function(){
jQuery('#distCalculate').live('click', function() { 
        alert('hi!');
        var d1 = $('#distance1').val();
        var d2 = $('#distance2').val();

        console.log('Vr: ' + d1 + d2);

        if(d1 != '' && d2 != '')
        {
            alert('vrednosti: ' +d1+' '+d2);
        }
        else
        {
            return false;
        }
 });
});​

これがそのためのフィドルです

于 2012-10-04T07:33:31.663 に答える