gpt4 book ai didi

javascript - 如何将地址附加到 标签 href

转载 作者:行者123 更新时间:2023-12-02 22:49:07 26 4
gpt4 key购买 nike

我使用 bxslider4 并且启用了字幕。我想添加字幕链接。我做了一些,但它仅适用于第一个。如何将所有链接附加到每个标题。我已经编辑了 bxslider javascript 文件。

我的 slider PHP 代码:

foreach ($manset_images as $man_img => $value2) {
?>

<div>
<a id="slayt_resim_link" href="index.php?url=content&id=<?=$value2->content_id; ?>">
<img src="<?php echo URL; ?>public/upload/<?=$value2->content_foto?>" title="<?=$value2->content_title?>" data-url="index.php?url=content&id=<?=$value2->content_id; ?>" style="width:100%; height: 350px;">
</a>
</div>

<?php
}
?>

我将以下代码添加到原始 bxslider javascript 文件中以获取图像链接并更改标题 href:

    // find image link
var captionLink = $this(this)$(slayt_resim_link).attr('href');
$('#manset_caption_link').attr('href', captionLink);

此代码提供了第一个标题的申请。我想如果我将 titleLink 添加到 href=""就可以解决问题 <a id="manset_caption_link" href="">但我不知道该怎么办。

JavaScript 代码的最后状态:


// bxslider javascript file 719. line
/**
* Appends image captions to the DOM
*/
var appendCaptions = function() {
// cycle through each child
slider.children.each(function(index) {
// get the image title attribute
var title = $(this).find('img:first').attr('title');


//------------------ added after ----------------------------
// find image link
var captionLink = $this(this)$(slayt_resim_link).attr('href');
$('#manset_caption_link').attr('href', captionLink);
//------------------------------------------------------------

// append the caption
if (title !== undefined && ('' + title).length) {
$(this).append('<div class="bx-caption"><a id="manset_caption_link" href="---Add captionLink---!!!!!"><span>' + title + '</span></a></div>');
}

});
};

最佳答案

我解决了我的问题。现在我可以获得所有链接并附加到每个标题。

我的PHP代码:

foreach ($manset_images as $man_img => $value2) { ?>
<div>
<a href="index.php?url=content&id=<?=$value2->content_id; ?>">
<img src="<?= URL; ?>public/upload/<?=$value2->content_foto?>" title="<?=$value2->content_title?>" data-url="index.php?url=content&id=<?=$value2->content_id; ?>" style="width:100%; height:350px;">
</a>
</div>
<?php
}
?>

bxslider js 最后状态:

    /**
* Appends image captions to the DOM
*/
var appendCaptions = function() {
// cycle through each child
slider.children.each(function(index) {
// get the image title attribute
var title = $(this).find('img:first').attr('title');
var captionLink = $(this).find('a:first').attr('href');
// append the caption
if (title !== undefined && ('' + title).length) {
$(this).append('<div class="bx-caption"><a id="manset_caption_link" href="'+ captionLink +'"><span>' + title + '</span></a></div>');
}
});
};

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com