jquery .on()方法加载事件

前端之家收集整理的这篇文章主要介绍了jquery .on()方法加载事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们如何使用jquery .on()方法加载事件例如代码是: –
<a href="#" id="add">Add</a>
<div id="initial">
     <input type="text" class="abc" name="in">
</div>

和它的jquery

jQuery(document).ready(function() {
    var x=$('#initial').html();
    $('#add').click(function(){
        $('body').append(x);
    });
    $(document).on('load','.abc',function(){
        alert('started');
    });
});

解决方法

参见 http://api.jquery.com/on/

它说

In all browsers,the load,scroll,and error events (e.g.,on an <img>
element) do not bubble. In Internet Explorer 8 and lower,the paste
and reset events do not bubble. Such events are not supported for use
with delegation,but they can be used when the event handler is
directly attached to the element generating the event.

如果要添加新的输入框时要做某事,则可以在添加代码之后直接写入代码

$('#add').click(function(){
        $('body').append(x);
        // Your code can be here
    });

如果您想要在文档中的第一个输入框加载时执行相同的代码,那么您可以在两个地方编写一个函数调用它,即$(‘#add’)。点击和文档的就绪事件

原文链接:https://www.f2er.com/jquery/182414.html

猜你在找的jQuery相关文章