如何用jquery更改glyphicon的位置

我有一個下拉菜單和一個圖形，我想在頁面加載時更改glyphicon的位置。如何用jquery更改glyphicon的位置

我想從當前位置稍微向左移動它，因爲它與下拉箭頭圖標重疊。

這是可以的文本框。

我已經創建了一個jQuery函數，但它不能從document.ready甚至從瀏覽器控制檯工作。

的jQuery： -

$('span.form-control-feedback').each(function() {    
      if ($(this).closest('.at-required').is("select")) {     
       //alert($(this).attr('class')); 
       $(this).css('right', '27px'); 
      } 
     });

HTML： -

<select required="true" class="form-control at-required" title="Please select Department" id="ddlDepartmentName" name="ctl00ddlDepartmentName"> 
     <option value="- - Select - -">- - Select - -</option> 
     <option value="1">.NET</option> 
     <option value="2">PHP</option> 
     </select> <span class="glyphicon glyphicon-remove form-control-feedback"></span>

來源

2016-06-10 Sunil Chaudhry

改變您不能使用'closest'得到'select'元素。使用'prev'來檢查它是否是以前的兄弟 – apokryfos

這兩個函數都適用於您和我的工作，但僅用於控制檯。 –

select和glyph是否存在於文檔準備就緒，或者是之後動態添加的嗎？（我也不明白爲什麼'最接近'的作品，基於粘貼的代碼，它不應該）。 – apokryfos

嘗試使用$(this).css("padding-right", "27");？

來源

2016-06-10 12:26:39 Sandman

問題是，它從瀏覽器控制檯工作，但沒有在document.ready工作 –

你可以包含你的'document.ready'函數嗎？ – Sandman

試試這個代碼：

$('.form-control-feedback').css('margin-right', '20px');

的glyphicon的位置與jQuery

來源

2016-06-10 13:05:31

謝謝@Sayed，但我認爲問題是，這些圖形隱藏在頁面加載，這就是爲什麼jQuery不工作 –

你的意思是，你正在加載頁面的問題...如果可能，你可以告訴我的演示鏈接確切你得到問題。 –

@ Marco Bonelli，感謝您的評論。我更新了查詢。 –

如何用jquery更改glyphicon的位置

回答

相關問題