在FancyBox中，是否有一种方法可以使所有标题文本都变为斜体除了使用Javascript的数字外？

编程问答 2022-08-12

问题描述

关于javascript，我还是一个初学者，所以如果有人对这个问题有任何想法，请多多帮助！我基本上是想将我的fancybox标题设为斜体，除了日期/年份，甚至是数字。

我已经弄清楚了如何使用类.fancybox-caption来设置fancybox字幕的样式，因此我知道可以使用简单的样式来设置字幕

.fancybox-caption {font-style: italic;}

和

我找到了Javascript来搜索所有的fancybox类以查找数字，并为其创建一个新的font-style: normal;类。

$('.fancybox-caption').html(function(i,c) {
    return c.replace(/\d+/g,function(v){
    return "<span class='numbers'>" + v + "</span>";
    });
});

那没有用，所以我添加了一个点击事件委托

$(document).on('click',function() {

$('.fancybox-caption').html(function(i,function(v){
    return "<span class='numbers'>" + v + "</span>";
    });
});
  
  });

但是它仅在单击时起作用，因此，如果按箭头键前进到下一张幻灯片，则字幕编号仍然是斜体。

我只是想不出这个数字类JavaScript是否会影响fancybox加载时的所有字幕。顺便说一句，我不能只将<i>标签添加到字幕的未编号部分，因为我将字幕设置为img alt标签，并且我不想弄乱SEO的alt标签/可访问性目的。任何帮助将不胜感激！

这里是codepen。我将数字类别的文本设置为蓝色，以便更容易区分斜体和普通文本。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fancyboxfancybox-3htmljavascriptjquery