在$（document）.ready（）中没有检测到事件处理程序

Question

我有

$(document).ready(function(){
    createSearch();
    $('#search').bind('click', function(){
         if($(this).val()=='Search'){
             $(this).val('');
         }
   });
});

function createSearch(){
    $('#mainDiv').prepend('<input type="text" id="search" />');
}

但是，未检测到搜索click事件。

Answer 1

您是否忘记在输入中设置值？

function createSearch(){
    $('#mainDiv').prepend('<input type="text" id="search" value="Search" />');
}

看到它正常工作here

Answer 2

你可以找到一个更好的方法，如下所示。找到小提琴here

$('<input />',{
    type:'text',
    val:'Search',  // Just to set the value to 'Search' initially, you can remove it if not needed
    id:'search',
    click:function(){
        if($(this).val()=='Search')
            $(this).val('');
    }
}).prependTo('#mainDiv');  

Answer 3

在输入value="Search"声明中添加type="text"。

而不是所有这些javascript。您可以在文本框声明中使用placeholder = "Search"。