Javascript jQuery-插入btn,然后截断

Javascript jQuery-插入btn,然后截断,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我见过其他类似的帖子。然而,他们似乎没有答案,他们似乎是针对html类,这不是我所需要的 注意:内容输出通过wordpress默认的“The_content()”函数 因为我不想通过400多页单独编辑页面来开始向页面添加类,所以我采用了搜索包含标记和“如何工作”作为锚的方法。从这里,我想有10个字,然后一个按钮说“阅读更多”。我意识到wordpress默认的wysiwyg上有一个“阅读更多”按钮,但这将涉及编辑400多页,如前所述,我想避开它 我的密码就快到了。但是我相信它假设这个按钮已经存在于

我见过其他类似的帖子。然而,他们似乎没有答案,他们似乎是针对html类,这不是我所需要的

注意:内容输出通过wordpress默认的“The_content()”函数

因为我不想通过400多页单独编辑页面来开始向页面添加类,所以我采用了搜索包含标记和“如何工作”作为锚的方法。从这里,我想有10个字,然后一个按钮说“阅读更多”。我意识到wordpress默认的wysiwyg上有一个“阅读更多”按钮,但这将涉及编辑400多页,如前所述,我想避开它

我的密码就快到了。但是我相信它假设这个按钮已经存在于页面中,而它没有。我的同事帮我写了这段代码,但他已经好几天没空了

注意:这最终只适用于<992的移动设备,但正如您所看到的,我在尝试使其工作时已将其注释掉。目前,这段代码没有返回我能看到的错误,但它也不会执行

Wordpress似乎很烦人,但它似乎正在设置我们的jQueryV1.12。我有一个迁移插件,但由于打开它对网站其他部分的影响,该插件目前处于非活动状态

任何帮助都将不胜感激

jQuery(函数(){
//if(jQuery(window).width()>=992)返回;
​   var$content=jQuery('.key content>article');
var$howItWorksHeading=$content.find('strong:contains(“它是如何工作的”))).parent();
var$howItWorksText=$howItWorksHeading.next();
var$rest=$howItWorksText.nextAll(':not(.features block)');
$rest.hide();
var originalText=$howItWorksText.text();
var truncated=originalText.trim().split(“”).slice(0,10).join(“”)+“…”;
$howItWorksText.text(已截断);
var$readMoreButton=jQuery('readmore');
$howItWorksText.after($readMoreButton);
$readMoreButton.on('click',函数(){
$readMoreButton.remove();
$howItWorksText.text(原始文本);
$rest.show();
});
});

积分

  • Lorem ipsum dolor sit amet,是一位杰出的领导者
  • 毛里斯·尤里索斯的阿利夸
  • 前庭拍卖人dapibus neque
它的工作原理

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名

兴趣点

  • Lorem ipsum dolor sit amet,是一位杰出的领导者
  • 毛里斯·尤里索斯的阿利夸
  • 毛里斯·尤里索斯的阿利夸
  • 毛里斯·尤里索斯的阿利夸
  • 毛里斯·尤里索斯的阿利夸
  • 毛里斯·尤里索斯的阿利夸
  • 前庭拍卖人dapibus neque

问题是因为JS代码中有一个无效字符:。注意红点。如果您使用一个好的IDE来编写代码,它将为您突出显示它。这就是您可以在控制台中看到的语法错误的原因。删除该选项,您的代码即可正常工作:。因此,我投票决定以排版错误的方式结束这篇文章。无效字符是空格?它不会是空格。这将是一个UTF-8/ASCII边界之外的不可打印字符,非常奇怪,感谢您的帮助-我消除了所有的空白,它可以工作:p很高兴知道看起来空格不是空格的东西:其他问题是因为您的JS代码中有一个无效字符:。注意红点。如果您使用一个好的IDE来编写代码,它将为您突出显示它。这就是您可以在控制台中看到的语法错误的原因。删除该选项,您的代码即可正常工作:。因此,我投票决定以排版错误的方式结束这篇文章。无效字符是空格?它不会是空格。这将是一个UTF-8/ASCII边界之外的不可打印字符,非常奇怪,感谢您的帮助-我消除了所有的空白,它工作正常:p很高兴知道看起来像空格的东西不是空格:o