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(文档).ready(函数(){

应该

jQuery(文档).ready(函数(){

于 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

您在第 1 行中拼错了关键字function（功能）

于 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 回答