如何修改 text('TEXT').appendTo('body'); 中的 TEXT 样式答案

【问题标题】：How to modify TEXT style in text('TEXT').appendTo('body');如何修改 text('TEXT').appendTo('body'); 中的 TEXT 样式
【发布时间】：2013-01-06 12:34:22
【问题描述】：

在这段代码中，如何修改'TEXT'的样式？

}).text('TEXT').appendTo('body');

这是较长代码的一部分。 TEXT 是一个链接，当您单击它时，图像会全屏打开（它是 Galleria 的一部分）。但是，TEXT 不表现为链接（即没有悬停效果等），它仅由 CSS 文件中的 body { } 定义。

如何添加适当的 CSS 类？

非常感谢！

以及完整的代码：

<script>

 Galleria.loadTheme('galleria/themes/classic/galleria.classic.js');
Galleria.run('#galleria');

 $('<a>').click(function(e) {

Galleria.configure({trueFullscreen:false});
Galleria.ready(function(){this.enterFullscreen();});

  }).text('Switch to fullscreen').appendTo('body');

</script>

【问题讨论】：

$('', {'class': 'your classes'})..... 但它至少应该显示为一个链接，但也许你有一个 CSS 重置样式表消除悬停效果。你也可以像这样设置元素的文本：$('', {'text': 'Switch to fullscreen', 'class': 'your classes'})
你为什么不直接附加 .html('切换到全屏').appendTo() 而不是 .text().appendTo() ?
如果您只想替换的文本并为此添加一个新类，为什么不使用 .addClass()？或使用 Alex Ackerman 的想法。
您的所有建议都有效 - 非常感谢！还有一件事，当我的光标悬停在链接上时，它不会像选择链接时通常那样转换为“手”。相反，它显示当您可以输入文本时显示的符号（“i-beam”）。为什么会这样，你怎么能改变它？再次感谢！
我通过添加“cursor:pointer;”解决了光标问题！

标签： javascript css hyperlink galleria

【解决方案1】：

.text('Switch to fullscreen').appendTo('body').css("color","blue").hover(function() {$(this).css("color","violet");}, function() {$(this).css("color","blue");});

只需在您的代码中添加此 jquery 链即可。 css 为对象添加样式，并在您输入和离开文本时调用悬停函数。

卡提克

【讨论】：