在博客博客上,我有两个箭头形状(带边框的div),其中id为left1,右边为1,用于导航。
我在点击时使用jQuery来模拟点击“上一篇文章”和“更新帖子”,分别为id prevorig和neworig。
jQuery(document).ready(function () {
jQuery('#left1').on('click', function () {
jQuery('#prevorig')[0].click();
});
});
上一篇文章有id prevorig,下一篇文章有id nextorig。
<ul class='pager'>
<b:if cond='data:newerPageUrl'>
<li class='next'>
<a class='blog-pager-newer-link' id='neworig' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</li>
</b:if>
<b:if cond='data:olderPageUrl'>
<li class='previous'>
<a class='blog-pager-older-link' id='prevorig' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</li>
</b:if>
</ul>
然而,当它到达最新或第一个帖子时,我无法隐藏id为left1和right1的这两个元素。在上述情况下,不显示具有id prevorig和neworig的实际链接。我该怎么做。 感谢
答案 0 :(得分:0)
为什么不试试
if ($( "#left1" ).length){
if ($("#left1").attr('href') == '') {
$(this).hide();
}
}
对blog-pager-older-link
使用相同的内容如果.hide()由于您的jquery版本尝试
而无效$(this).css('display','none');