javascript - jquery调用函数

Question

我需要在这段代码之后执行posImgCar()函数

$('details_img').click(function(i){
    ...
   $(this).closest(".page").find(".car_detail").parent().attr('href', $(this).attr('src'));
   ...
});

所以我有这个:

 $('details_img').click(function(i){
    ...
   $(this).closest(".page").find(".car_detail").parent().attr('href', $(this).attr('src'));
  /*--->*/ posImgCar();
   ...
});

posImgCar();

但当我在同一张图像中单击两次时，它只会调用 posImgCar()。

我应该如何完成它？

Answer 1

在您的代码示例中，您将单击事件处理程序绑定(bind)到 $('details_img') ，这意味着您将其绑定(bind)到自定义元素，例如，就好像您的 HTML 包含 <details_img></details_img> 。我假设details_img实际上是一个类名或id。

在您的代码示例中，您还调用 postImgCar()将点击事件处理程序附加到details_img之后，大概是在页面加载时。如果这不是您想要做的，那么当然就删除那个额外的调用。

如果你想要postImgCar()每次用户单击details_img时执行，并且在设置href属性后，如果details_img是类名，则执行此操作:

$('.details_img').click(function(i){
    // ...
    $(this).closest(".page").find(".car_detail").parent().attr('href', $(this).attr('src'));
    posImgCar();
    // ...
});

或者这样，如果details_img是一个id:

$('#details_img').click(function(i){
    // ...
    $(this).closest(".page").find(".car_detail").parent().attr('href', $(this).attr('src'));
    posImgCar();
    // ...
});

最后，如果您使用的是 jQuery 1.6 或更高版本，请考虑使用 .prop()方法，而不是 .attr() 。请参阅jQuery API documentation for .prop()以获得解释。