更改无限滚动加载图像答案

【问题标题】：Change infinite scroll loading image更改无限滚动加载图像
【发布时间】：2016-02-12 20:05:09
【问题描述】：

我一直在尝试在 Wordpress 上将 Infinite Scroll 与 Masonry 一起使用，但我无法更改 loader.gif。

我在 firebug 中遇到 404 错误。

我在functions.php中为模板路径使用注册脚本

wp_register_script( 'image-folder', 'myscript_url' );
wp_enqueue_script( 'image-folder' );
$translation_array = array( 'templateUrl' => get_stylesheet_directory_uri() );

这是我的 js 文件中的内容：

var templateUrl = object_name.templateUrl;
loading: {
    finishedMsg: $('<div class="finmsg">No More Posts.</div>'),
    msgText: 'Loading More Posts',
    img: " url'"+templateUrl+"/images/loader.gif' "
},

我有正确的路径，但问题是它不断将图像路径添加到当前页面的网站 url 上，即

http://mysite.co.uk/news-events/http:/mysite.co.uk/im/wp-content/themes/mytheme/images/loader.gif"

【问题讨论】：

标签： javascript php html infinite-scroll

【解决方案1】：

首先，您的loadingImg 路径应该是动态的，使用get_template_directory_uri(); (here)。使用主题中的文件时，资源路径绝不应该是“硬写的”。

那么错误信息是什么（如果存在的话）？

【讨论】：

谢谢。没有错误信息。会发生什么是默认的 loader.gif 出现，但我自己的 loader.gif 没有。 loadingImg 的意思是根据文档覆盖默认值，但它对我不起作用。
好的。我终于发现 img 与 loader.gif 相关。现在我有一个 404 错误。是的，路径错误。
不错！不要忘记将问题标记为已解决！
哦，这还没解决。这条路对我来说毫无意义。它只是将 gobledygook 附加到页面 url 上。 mysite/news-events/url'%3C?=%20get_bloginfo(%22template_url%22);%20?%3E/images/loader.gif%27"