jquery - blur() 在 jsfiddle 上工作，但不在我的本地机器上

Question

当我在本地机器上从 jsfiddle 运行相同的代码时，它不起作用。我确实有 jQuery 链接，因为我的其他 jQuery 函数正在工作。

http://jsfiddle.net/g2kBm/56/

<div class="errorbox-good">
        <div>
            <div class="form-entry">
                <label>
                    <div> First Name
                        <span class="ss-required-asterisk">*</span>
                    </div>
                </label>
                    <input type="text" id="fname" name="fname" required> 
            </div>
        </div>
    </div> 

<div class="errorbox-good">
        <div>
            <div class="form-entry">
                <label>
                    <div> Last Name
                        <span class="ss-required-asterisk">*</span>
                    </div>
                </label>
                    <input type="text" name="lname" id="lname" required> 
            </div>
        </div>
    </div> 

jQuery

$('input').blur(function() {
if ($('#fname').attr('value') == $('#lname').attr('value')) {
alert('Same Value'); return false;
} else { return true; }
});

为什么没有为我显示警报？

Answer 1

jsfiddle 默认使用该jQuery.load()方法，该方法等待页面上的所有元素都加载完毕。但根据代码片段，您可能会在加载 jQuery 之前触发 Javascript，因此什么也没有发生。

解决方案是将所有 jQuery 代码包含在.ready()or.load()方法中。

$(document).ready(function() {
    $('input').blur(function() {
        if ($('#fname').attr('value') == $('#lname').attr('value')) {
            alert('Same Value');
            return false;
        } else { return true; }
    });
});

Answer 2

将您的代码放入$(document).ready()处理程序中。

$(document).ready( function() {
    $('input').blur(function () {
        if ($('#fname').attr('value') == $('#lname').attr('value')) {
            alert('Same Value');
            return false;
        } else {
            return true;
        }
    });
});