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