2016-06-10 70 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>;