jQuery的 - 前置到div不工作

我試圖預先包含啓動圖形的跨度div的內容的開始，但圖標不顯示。jQuery的 - 前置到div不工作

任何問題這個JS？：

$(formMessages).prepend('<span class=\"glyphicon glyphicon-ok\"></span>');

編輯：formMessages意味着是一個變量，而不是一個類或ID。不工作的以下的唯一路線是預先準備：

.done(function(response) { 
     $(formMessages).css('display', 'block'); 
     $(formMessages).removeClass('alert-danger'); 
     $(formMessages).addClass('alert-success'); 
     $(formMessages).prepend('<span class="glyphicon glyphicon-ok"></span>'); 
     $(form).css('display', 'none'); 

     $(formMessages).text(response);

來源

2016-07-28 nickck15

「formMessages」是一個變量，還是它是一個元素或類的名稱？ –

無需在您的示例中跳過您的報價 – j08691

是您在瀏覽器檢查器中查看時的跨度嗎？ – JamieD77

如果formMessages是一個類，它需要這樣寫：

$('.formMessages').prepend(...

來源

2016-07-28 15:46:44 Johannes

它是一個變量。向其中添加和刪除類將按預期工作。唯一不起作用的是前置 – nickck15

沒有必要逃避引號，當你在整個字符串外有單個字符，並且在裏面加倍。這在JavaScript中是一個非常有用的功能，並且可以兩種方式工作 - 您可以在外部使用雙引號，在字符串內部使用雙引號。只是沒有兩種類型。

總之，去除反斜槓，因爲沒有必要逃避，應該使其工作：

$(formMessages).prepend('<span class="glyphicon glyphicon-ok"></span>');

正如其他人所指出的，$(formMessage)如果將是formMessage一個變量才起作用。如果是一個類，則使用$(".formMessage");如果是id，則使用$("#formMessage")。

來源

2016-07-28 15:46:46 AgataB

刪除了反斜槓但仍然不起作用。 formMessage是一個由#formMessage div組成的變量 – nickck15

您確定正在加載包含圖標的資源嗎？（只是一個理智的檢查）另外，檢查@冰人的片段:) – AgataB

是的。我在整個我的網站中使用了引導程序 – nickck15

永遠不會逃脫，直到必要。在這裏，您使用單引號'來定義一個字符串。所以，只有當你想在字符串中有單引號時才需要轉義。對於雙引號"這不是必需的。
您沒有提供足夠的代碼。但是，我希望formMessages是一個JS對象。

工作例：

var formMessages = document.getElementById("test_div"); 
 
$(formMessages).prepend('<span class=\"glyphicon glyphicon-ok\"></span>');

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<div id="test_div">Lorem ipsum</div>

來源

2016-07-28 15:48:07 Iceman

沒有試圖在範圍內添加任何東西，它只是在那裏添加圖形。是的，formMessages是一個變量 – nickck15

@ nickck15，那裏只是爲了視覺目的才能看到結果。隨時更換你的東西。 – Iceman

我的觀點是，即使沒有反斜槓，也不會出現glyphicon – nickck15

在代碼中，有沒有搞錯。

我猜「圖標沒有顯示」，並不意味着「在DOM中丟失」。嘗試檢查你的風格。 glyphicons只需要：之前/：元素之後。

來源

2016-07-28 15:59:43 surmin2005

jQuery的 - 前置到div不工作

回答

相關問題