如何将$(document).ready函数应用于异步加载的元素?

$(selector).load() ,然后呼叫 .watermark() 在回调中。

$('someSelector').load('/some/path', function( response ) {
    $('someNewElement').find('input').watermark({
        watermarkClass: 'watermarkOn',
        defaultText: $("#Search").attr("watermarkText")
    });
});

var options = {
           watermarkClass: 'watermarkOn',
           defaultText: $("#Search").attr("watermarkText")
          };

$("#Search").watermark( options );

$('someSelector').load('/some/path', function( response ) {
    $('someNewElement').find('input').watermark( options );
});

查一下 .live() 方法将事件异步绑定到以前或将来创建的元素(如您的情况)。

裁判: http://api.jquery.com/live/

有可能改变 watermark 必须使用的插件/方法

.live() 只适用于事件,不允许将插件附加到将来创建的元素。

你可以看看 liveQuery

如。

//initiate the watermark plugin on all elements with class 'search' existing now or created in the future.
    $('.Search').livequery(function() {
        $(this).watermark({
            watermarkClass: 'watermarkOn',
            defaultText: $("#Search").attr("watermarkText")
        });
    });