Question

我正在尝试从这些字段中获取数据

<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;
            }
     });
});

甚至没有说'hi！'的初始警报（）不管用。有人有线索吗？

Answer 1

jQuery的（文件）。就绪（的温控功能（）{

应该是

jQuery的（文件）。就绪（的功能（）{

Answer 2

正如其他人所指出的那样，你拼错了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);

Answer 3

您在第1行（fu cn ）中拼错了关键字function

Answer 4

纠正'功能'拼写
Live（）不适用于这种情况，老板！

原因是

Live（）是一种将事件绑定到在用户交互过程中动态添加的元素的方法。

绑定点击事件的最佳方式是 a）直接使用click（） 2）结合（ '点击'，函数（））

Answer 5

试试这个....

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;
        }
 });
});

以下是Fiddle

按钮上没有触发的jQuery live方法

5 个答案: