此脚本的作用是查找目标背景图像,并在找到后用新的div替换该背景图像的div。这是可行的,但是,如果目标背景图像低于折页,则需要向下滚动到该位置并刷新页面才能生效。如果背景图像低于折叠位置,脚本是否可以立即运行?
<script id="myhtml" type="text/x-handlebars-template">
<div>test</div>
</script>
<script language="javascript">
(function($) {
var insertdiv = {
init: function() {
$(".someclass").each(function() {
var bgimage = $(this).css("background-image");
var bgimagesize = [
"https://somewebsite.com/images/someimage-123456\\?&scl=1&wid=2544"
].join("|");
var isImg = new RegExp("(" + bgimagesize + ")", "i");
if (isImg.test(bgimage)) {
$($("#myhtml").html()).insertAfter($(this));
$(this).remove();
}
});
$(function() {
setTimeout(insertdiv.init(), 200);
});
})(jQuery);
</script>