0
我的一个脚本有一个奇怪的问题。在脚本参数中,我试图创建一个链接,以弥补前端的“阅读更多”链接。使用Jed Foster阅读更多脚本我试图覆盖默认的“moreLink”和“lessLink”,如记录。Javascript取消关闭<a>标记?
默认设置工作正常,但是当以某种方式使用参数覆盖时,结束标记被删除,并且链接被解析为空。
这是脚本的样子:
<script type="text/javascript" src="{{ url('gantry-theme://js/readmore.js') }}"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
{% if particle.title %}
var $dropspeed = {{ particle.dropdownspeed|raw }};
var $collapsedheight = {{ particle.collapsedheight|raw }};
var $readmore = '<a href="#">"Read Moreeeee"</a>;
$j(document).ready(function() {
$j('.g-employee-text').readmore({
speed: $dropspeed,
collapsedHeight: $collapsedheight,
heightMargin: 30,
moreLink: '<a href="#">Read More</a>',
});
});
{% endif %}
</script>
这是怎么了其在开发工具显示:
var $j = jQuery.noConflict();
var $dropspeed = 3000;
var $collapsedheight = 150;
var $readmore = '<a href="#">"Read Moreeeee";
$j(document).ready(function() {
$j('.g-employee-text').readmore({
speed: $dropspeed,
collapsedHeight: $collapsedheight,
heightMargin: 30,
moreLink: '<a href="#">Read More',
});
});
正如你所看到的结束标记不可用。 HTML看起来如下:
<a href="#" data-readmore-toggle="rmjs-1" aria-controls="rmjs-1"></a>
一个空的链接什么都不做。
一些值得注意的信息:
- 由杰德·福斯特
- 龙门5框架更多脚本
希望有人能帮助我在这里。
缺少单引号。更改:'var $ readmore ='"Read Moreeeee";''var $ readmore ='"Read Moreeeee"';' – Tigger