这是我索引中的标记。php:
<div class="post-thumb">
</div>
当窗口宽度小于1024像素时,我希望jQuery将下面的代码放在上面的div中,并使用“post thumb”类:
<?php if ( has_post_thumbnail()) the_post_thumbnail(\'small-thumb\'); ?>
当宽度大于1024像素时:
<?php if ( has_post_thumbnail()) the_post_thumbnail(\'large-thumb\'); ?>
我已经在Wordpress根目录中的名为“large thumb.html”和“small thumb.html”的单独文件中放置了上述两个代码。
我在jQuery中使用这段代码,但它不起作用:
$(document).ready(function(){
if ( $(window).width() > 1025) {
$(\'.post-thumb\').load("large-thumb.html");
}
else {
$(\'.post-thumb\').load("small-thumb.html");
}
});
上面的jQuery位于Wordpress根目录中名为“js”的文件夹中。
我做错了什么?我该怎么做才能让它工作?
我不能使用CSS和媒体查询,因为它会通过加载post\\u缩略图来增加索引页的大小。
谢谢