簡體   English   中英

Javascript刪除結束<a>標記?</a>

[英]Javascript removes closing <a> tag?

我的一個腳本有一個奇怪的問題。 在腳本參數中,我嘗試創建一個彌補前端上“更多”鏈接的鏈接。 使用Jed Foster閱讀更多腳本,我試圖覆蓋已記錄的默認“ moreLink”和“ lessLink”。

默認設置是完美的,但是當使用參數中的替代項時,以某種方式刪除了結束標記,並且鏈接被解析為空。

腳本如下所示:

<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>

空鏈接無所作為。

一些值得注意的信息:

  • 閱讀更多Jed Foster的腳本
  • 龍門5框架

希望有人可以在這里幫助我。

var $readmore = '<a href="#">"Read Moreeeee"</a>;

為什么需要雙引號? 您是否嘗試刪除它們?

var $readmore = '<a href="#">Read Moreeeee</a>;

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM