如何在jquery中添加一个永久链接的锚标记
How to append anchor tag with jquery having a permalink in it?
我有一个图片库,当其中一张图片的高度达到700px时,它将被截断,并添加一个标签,如下所示:
我使用这个代码:
<script type="text/javascript">
jQuery(document).ready(function($){
$(".div-img").each(function() {
var maxHeight = 699;
var imgHeight = $(this).height();
if ( imgHeight > maxHeight) {
$(this).append('<a href="<?php the_permalink();?>" data-evt="EntryLongPost" class="view-full-content view-content external-link fa-external-link-square">View Full Content<span class="crop"></span></a>').find(".cropping-a").css({'max-height':'500px', 'overflow':'hidden', 'display': 'block'});
}
});
});
</script>
代码正在工作,因为每次都正确地添加锚标记,但href属性正在为符合标准的所有图像采取相同的链接,我已经阅读了这是因为php代码在服务器端执行,所以它只运行一次,这就是为什么它只抓取第一个图像的链接。我已经尝试了一个函数,隐藏锚标记,然后使其从js代码块可见,但不工作,尝试将代码放在functions.php文件中,但也不工作。
你可以像这样使用jQuery获取图像的源代码:
<script type="text/javascript">
jQuery(document).ready(function($){
$(".div-img").each(function() {
var maxHeight = 699;
var imgHeight = $(this).height();
var href = $(this).attr('src');
if ( imgHeight > maxHeight) {
$(this).append('<a href="' + href + '" data-evt="EntryLongPost" class="view-full-content view-content external-link fa-external-link-square">View Full Content<span class="crop"></span></a>').find(".cropping-a").css({'max-height':'500px', 'overflow':'hidden', 'display': 'block'});
}
});
});
</script>
相关文章:
- 在javascript中的xml中创建一个链接
- PNG图像被覆盖,但每个图像都有一个链接可以更改,每次一个-Javascript/jQuery/CSS
- 悬停时将一个链接更改为两个
- 如果某个值在另一个节点中,我如何每秒自动单击一个链接
- Ajax从一个链接中获取多个值
- 需要一个链接才能转到某个页面,然后快速返回到当前页面
- JavaScript 每 5 秒单击一个链接
- (angularJS)使ng-click在ng-repeat上打开一个链接
- 根据jQuery中的另一个链接更改url
- 下一个/上一个锚链接,如何在用户滚动时更新下一个/上一个链接
- 具有双重功能的按钮:在_blank窗口中打开一个链接,再加上_self中的另一个链接
- 如何创建一个链接,该链接使用相应的参数打开到其他链接
- 一个链接打开两个窗口
- 通过模糊功能传递链接,而不是单击另一个链接
- 如何使用jQuery打开一个链接,它的末尾有一个确切的模式
- 在JointJS中将一个链接链接到另一个
- 如何在javascript中将下一个和上一个链接添加到当前滑块
- 在javascript中创建一个链接来设置公共渲染参数的值
- 单击时打开 2 个链接,而不会将一个链接作为“弹出窗口”阻止
- 单击图像几秒钟后,打开一个链接