jquery live() 和插件

Question

我正在使用 jquery 插件，统一，这样在我的表单上我可以有漂亮的单选按钮和文件输入等。

但是我遇到了一个问题，我的很多表单都是通过 ajax 拉入的，并且显然插件需要工作知道元素存在于 dom 中。

有没有办法通过ajax方法使用插件？

目前我正在尝试

$(".uniform input").live().uniform();

这显然不起作用，有什么建议吗？

---在加载回调中实现-----

$('#upload').click(function(e) {
        $("#content #main").animate({"right": "-900px"}, 'slow', 'linear', function(){
            $(this).load('upload.html #main div', '', function(){
                $(".uploader input").uniform();
            });
        });
        $("#main").animate({"right": "0px"}, 'slow', 'swing');
        e.preventDefault();
    });

Answer 1

您可以使用 livequery 插件，如下所示：

$('.uniform input').livequery(function(){
   $(this).uniform();
});

Answer 2

.live 和 .delegate 之间的区别之一是可链接性。请查看 http://brandonaaron.net/blog/2010/03 /4/event-delegation-with-jquery 对此进行了很好的评论。这看起来您可能会在您的情况下使用委托。

Answer 3

回应评论：

.load只不过是包装在另一个方法中的$.ajax调用。它也有回调。

$(target).load("myurl.php",function(){
  $("select").uniform();
});

编辑：我刚刚看到你的编辑。如果这不起作用，请确保您使用正确的选择器来访问要应用插件的元素。

Answer 4

只需在表单中添加之后再次初始化统一，使用正常

 $('#forms').append(new_selects_from_ajax);
 $("select").uniform();