我正在尝试在超链接的右侧放置一个图标(使用JQuery UI主题)。 然而,我得到的最满意的结果是页面最右侧的图标,而不是在实际文本之后。 最简单的选择是在文本后面有一个标签,但图标需要使用当前主题设置样式。
这就是我所拥有的:
.... Loading... ... $(function() { $('#contractLink') .append($('') .addClass('ui-icon ui-icon-newwin') .css({'float':'right', 'border':'1px solid blue'}) ); });
您可以display:inline-block
图标display:inline-block
或display:inline
。 不确定在某些浏览器中对图标会产生什么影响,尽管它会将其与跨度放在同一行。 由于jqueryui css使它display:block
,这可能是不可取的。
或者,您可以使span float:left
。
以上两种工作,在这两种情况下都应该删除float:right
的图标div。
将div添加到锚标记不是语义HTML。 新元素(在这种情况下,div应该可能更改为span
)出现在页面右侧的原因是因为您的锚标记上可能没有css width
属性。 如果设置了该值,则新的跨度将显示在锚点的最右边界。
我修改了你的代码来改变div的css来显示:inline并且它实现了你正在寻找的效果:
需要了解更多jQuery教程分享带有超链接右侧图标的JQuery UI,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
.css({'display':'inline', 'border':'1px solid blue'}));
以上就是jQuery教程分享带有超链接右侧图标的JQuery UI相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/981660.html