如何用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的位置

回答

相关问题