使用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模式標題設置爲圖像

回答

相關問題