Question

我有一个简单的jquery脚本，可以更改图像的url路径。唯一的问题是我点击加载更多按钮后不适用。因此，我尝试在单击按钮后再次调用脚本时进行解决方法。

object

HTML

<script type='text/javascript'>
$(document).ready(function ReplaceImage() {
    $(".galleryItem img").each(function() {
        $(this).attr("src", function(a, b) {
            return b.replace("s72-c", "s300")
        })
    })
});
</script>

Answer 1

虽然基思的答案可以帮到你找到你想要的东西，但我真的不能推荐这种方法。用这样的东西你会好得多。

<button class="js-replace-image">Load More</button>

使用此html

strong params

通过采用这种方法，您不会将任何全局变量暴露给窗口对象，如果您与其他不能很好地管理其全局变量的库（或开发人员）合作，这可能是一个问题。

此外，通过移动到类名并通过JavaScript将事件处理程序绑定到DOM节点，您将来会证明自己更多。还允许您自己轻松地将此功能添加到更多按钮，但只需添加一个类。

我将锚标记更新为按钮，因为您需要做的语义 - 它不会在任何地方链接，它只是页面上的动态功能。这就是按钮最适合的用途。

我还建议将其放在网站的页脚中，因为这样，根据您的具体情况，您可以正确更新图片，而无需点击按钮。对按钮的唯一需求是，如果您在加载后在页面上动态插入更多图像，或者如果此脚本位于文档的头部（意味着jQuery还不知道图像）。

我希望这会有所帮助，如果您有疑问，请与我们联系。

重新运行Jquery函数onclick

1 个答案: