Question

- 我正在自定义插件，我必须在图片上传时添加处理图标（button-loader.gif）。

- 我自定义了该插件，并且 在Firefox上运行正常 。

- 但是，当我尝试使用Chrome时，在图片上传时没有显示button-loader.gif。

-Here是我的php文件中显示加载程序的div：

<div class="wdm-uploading">
<img src="<?php echo plugins_url('/images/button-loader.gif', __FILE__); ?>" />
</div>

-CSS文件内容：

.wdm-uploading {
    display: none;
}

- 在我的.js文件中，我在文件上传启动时显示div，并在上传完成时隐藏它。

jQuery(curr_img + " + .wdm-uploading").hide();
jQuery(curr_img + " + .wdm-uploading").show();

- 我在Chrome控制台上运行了相同的jQuery，它正在运行。但不适用于Chrome屏幕。

我重复此操作适用于Firefox和Chrome控制台，但不适用于Chrome浏览器屏幕。

有人可以告诉我为什么会这样吗？

Answer 1

我的想法是你的JQuery选择器中的问题（curr_img +“+ .wdm-uploaded”）。 JQuery文档说你的curr_img（#imageInput_x）和.wdm-uploaded都需要是同一个父级的子级。由于我没有看到你的html代码，我认为这可能是问题，Firefox的实现只是忽略了这个要求。

Answer 2

当我将ajax请求设为异步时正常工作。

jQuery在Chrome控制台中工作但不在Chrome屏幕中工作

2 个答案: