jQuery事件没有触发 [英] jQuery events not firing

问题描述

我一直试图让它发挥作用。基本上我有一个搜索框，其中有一个默认字符串（即搜索），当用户点击输入字段时它应该消失。

I have been trying to get this to work. Basically I have a search box that has a default string in it (i.e. Search) and it should go away when the user clicks on the input field.

这是代码：

HTML：

<form method="get" action="index.php" id="search">
<span id="searchLogo"></span>
<input type='text' name='q' id='searchBox' value="Search <?php print $row[0]?> tweets!" autocomplete="off" />
</form>

Javascript / jQuery :( defaultString是一个具有文本框值的全局变量）

Javascript/jQuery: (defaultString is a global variable that has the value of the textbox)

function clearDefault() {
var element = $('#searchBox');

if(element.attr('value') == defaultString) {
    element.attr('value',"");
}
element.css('color','black');
}

$('#searchBox').focus(function() {
clearDefault();
});

推荐答案

问题在于事件绑定不在$（document）.ready（）处理程序。

The problem was that the event binding was not inside the $(document).ready() handler.

修正：

function clearDefault() {
var element = $('#searchBox');

if(element.val() == defaultString) {
element.val("");
}
element.css('color','black');
}

$(document).ready(function() {
    $('#searchBox').focus(function() {
    clearDefault();
    });
});

这篇关于jQuery事件没有触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！