2016-06-10 71 views
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框架更多腳本

希望有人能幫助我在這裏。

+0

缺少單引號。更改:'var $ readmore ='"Read Moreeeee";''var $ readmore ='"Read Moreeeee"';' – Tigger

回答

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

爲什麼你需要雙引號? 你試過刪除它們嗎?

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