使用jQuery＆Razor将Bootstrap模式标题设置为图像

我试图用jQuery设置模式的标题。我想要的标题是：文字+微小的个人资料图片+文字。使用jQuery＆Razor将Bootstrap模式标题设置为图像

这是我到目前为止已经试过：

$(".ModalTitle").text('textblabla' + @Html.Raw("<img src=\"image.png\" />") + textblabla);

这不会给我任何错误，但是当我开始的网站，检查控制台，它说：

未捕获的SyntaxError ：意外的代币<

这怎么解决？

编辑：我不认为我逃脱了最后的“图像URL以后。

来源

2014-10-01 Reft

你可以发布你的HTML代码吗？ – vitorio 2014-10-01 13:03:01

为什么你需要在html.raw？你也应该使用'.html'而不是'.text'，剃刀应该是引用文本的一部分：'.html（'textblabla textblabla'）'。你现在这样做的方式是尝试添加图片标签，但由于引号不在其周围，因此将它视为一个变量，这就是为什么你有意想不到的标记 – Pete 2014-10-01 13:05:02

谢谢！ $（“。ModalTitle”）。html（''）; 作品。 – Reft 2014-10-01 13:10:04

皮特的评论可以提供最简单的答案。如果你的内容比较复杂，可能使事情变得更加清晰。以分离3个操作：

$('.ModalTitle') 
    .html('<img src="image.png" />') 
    .prepend('Text before the image. ') 
    .append(' Text after the image.');

Demo

使用JavaScript的单引号和双为HTML防止第e需要反斜杠转义。

来源

2015-02-20 19:21:30 isherwood

使用jQuery＆Razor将Bootstrap模式标题设置为图像

回答

相关问题