Tag: font awesome

试图在成功函数内更改$（this）的属性: 我正在尝试根据点击上一个图标的结果更改图标。这是我的代码： $(document).on(‘click’,’.switchButton’, function(){ $(this).attr(‘data-prefix’, ‘fas’).attr(‘data-icon’, ‘spinner’).addClass(‘fa-pulse’); $.ajax({ url: ‘tasks/update_table.php’, type: ‘post’, data: { “uid”: $(this).attr(‘data-uid’)}, success: function(response) { if(response == 1) { $(this).attr(‘data-prefix’, ‘far’).attr(‘data-icon’, ‘check-square’); } else { $(this).attr(‘data-prefix’, ‘fas’).attr(‘data-icon’, ‘check-square’); } } }); }); 该图标最初位于页面上： <i data-uid="” class=”far fa-square fa-lg switchButton”> 当用户单击此图标时，会向php脚本发送ajax请求，该脚本将更新表中的布尔变量，如果布尔值为true（0或1），则返回truthy值。当最初点击图标时，图标会切换到一个微调器图标，这个图标由第一个完成，如提到$(this) ，一旦请求到达成功函数，它应该根据给出的响应再次更改图标，但是这是行不通的。页面根本没有更新。我认为这是一个范围问题，但阅读有关此问题的各种文章并进行一些研究我还没有找到解决方法。我实际上并不知道它是否是范围问题当然没有帮助。如何在成功function中更新这些图标？

如何在jQuery中禁用Font-Awesome按钮？: 如何在jQuery中禁用font-awesome按钮？ OK 我尝试这个时jQuery没有禁用此按钮： $(“#btnOK”).prop(“disabled”, false);

如何/在哪里安装字体在jquery移动应用程序中很棒: 尝试我可能无法让Font Awesome工作。我已将Font Awesome包上传到我的根目录并链接到它。 css包含字体声明 @font-face { font-family: ‘FontAwesome’; src: url(‘font/fontawesome-webfont.eot’); src: url(‘font/fontawesome-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘font/fontawesome-webfont.woff’) format(‘woff’), url(‘font/fontawesome-webfont.ttf’) format(‘truetype’); font-weight: normal; font-style: normal; } 字体位于子目录root / font-awesome / font / 我的链接标记示例：我放置什么图标标签似乎并不重要 – 我得到一个空白的圆圈。任何建议都会很明显。这种情况发生在我的Mac上的Firefox safari和iOS 6.0 – iPhone上的safari中

在非活动图标上更改类 – jquery: 我在标题中有两个图标，其中包含单击时切换的下拉菜单。在每个图标的每个列表项中，有一个’i’标签，它是向下箭头的Font Awesome。单击每个图标时，通过将类“fa-chevron-down”更改为“fa-chevron-up”，箭头将变为指向上方。但是，如果我单击帮助图标，帮助下拉列表会向下滑动，如果我然后单击篮子图标，则帮助下拉列表会向上滑动，篮子下拉列表会向下滑动。相关图标中的箭头也需要随之更改 – 帮助图标上的箭头需要更改为指向下方，因此课程需要从’fa-chevron-up’更改为’fa-chevron-down’ 。例如，如果篮子下拉列表处于活动状态，那么帮助图标“i”标签应该具有“fa-chevron-down”类，并且篮子图标“i”标签应该具有“fa-chevron-up”类。如果帮助下拉列表处于活动状态，则篮子图标’i’标签应该具有’fa-chevron-down’类，并且帮助图标’i’标签应该具有’fa-chevron-up’类。这是一个jsFiddle： http ： //jsfiddle.net/2srx4sv2/9/ 代码是： Untitled Document Your Account » Corporate Sales » Got a voucher? » Total items: 1 Product 1 £39.00 Product 2 £39.00 View Basket

如何在字体真棒图标上绑定事件？: 我想在一个字体真棒图标上绑定click事件。然而，图标本身不可点击，只有当我插入其他文本时，该文本才会被绑定。如何绑定图标本身？ only this text is clickable, the icon itself is not (function($) { $(‘span.icon-star’).on(‘click’, function() { console.log($(this)); }); })(jQuery);

jQuery Accordion在点击时更改字体真棒图标类: 我有一个关于我发现的简单jQuery手风琴的问题。我想使用Font Awesome图标来指示带有加号和减号图标的活动/非活动状态。在我的JSFiddle中，你会看到带有加号图标的手风琴标题。单击标题时，“fa-plus”类需要更改为“fa-minus”。我已经使用add和removeClass做了一些测试，但是我无法让它工作。我真的是一个jQuery / javascript菜鸟！希望你们能帮助我:-)。 jQuery(‘.accordion dt’).click(function() { jQuery(‘.accordion dt’).removeClass(‘active’); jQuery(‘.accordion_content’).slideUp(‘normal’); if(jQuery(this).next().is(‘:hidden’) == true) { jQuery(this).addClass(‘active’); jQuery(this).next().slideDown(‘normal’); } }); jQuery(‘.accordion_content’).hide(); http://jsfiddle.net/XrGU8/

使用jquery添加类后，字体真棒图标字体作为输入中的占位符: 我正在尝试使用font-awesome图标作为搜索输入字段中的占位符。 Jsfiddle的例子我使用相应的html实体作为占位符，然后使用伪类来设置具有正确font-family的占位符（jsfiddle中的示例2）： HTML： CSS： .wrapper { font-family:’arial’, sans-serif; } input.icon { padding:5px; } input.icon::-webkit-input-placeholder { font-family:’FontAwesome’; } input.icon::-moz-placeholder { font-family:’FontAwesome’; } input.icon::-ms-input-placeholder { font-family:’FontAwesome’; } 它按预期工作。当我尝试通过jquery（jsfiddle中的示例1）添加输入类和占位符时，问题就开始了： JS： $(document).ready(function() { $(‘.wrapper input:first’).addClass(‘icon’); $(‘.wrapper input:first’).attr(“placeholder”, “”); }); 它不会将font-family应用于输入占位符，而只是显示实体文本。我试图混合各种东西，最后放弃。请帮忙！ Jsfiddle的例子 PS：添加的路由:before使用字体content :before输入css中的包装器对我的特定情况不起作用。

如何在Select2中插入FontAwesome: 我不知道如何在Select2中插入fontawesome。我应该在其中添加CSS或JS？我有一个如下的观点。点击： http ： //s10.postimg.org/675fig9vd/Capture121212121.png 谁能帮我？

将字体真棒图标添加到完整的日历标题: 我正在使用wordpress，强大的表单和完整的日历来创建一个定制的日历解决方案我有一切工作，除了我想在日历中每个标题的前面添加一个字体真棒图标。如果我在标题中添加任何html，如下面的代码，我只看到打印的代码，而不是最终的结果。 $(‘#calendar’).fullCalendar({ events: [ { title : ‘event1’, start : ‘2010-01-01’ }, { title : ‘event2’, start : ‘2010-01-05’, end : ‘2010-01-07’ }, { title : ‘event3’, start : ‘2010-01-09T12:30:00’, allDay : false // will make the time show } ] }); 你们有没有人能指出我正确的方向？ 🙂 问候马特

点击事件按钮是否发送图标作为目标？: 我有一个非常类似的问题： “Jquery’点击’当按钮上没有触发按钮时”但该post的分辨率并没有为我提供解决方案，所以我认为可能会发生一些不同的事情。关键问题是我有一个带有图标的按钮。当我点击按钮（例如文本）时，事件目标是按钮元素; 但是当我点击图标时，事件目标就是图标对象。不幸的是，这非常烦人，因为我将数据值存储在我想要访问的按钮上。这是HTML： Up Vote! Down Vote! 这是Javascript： function sendVote(event) { var $btn = $(event.target); console.log(parseInt($btn.data(‘vote’)); console.log($btn.prop(‘tagName’)); } $(‘body’).on(‘click’, ‘button.vote-button’, sendVote); 单击文本（“Up Vote！”或“Down Vote！”）会产生以下控制台输出： 1 BUTTON -1 BUTTON 单击图标（等）将导致以下控制台输出： NaN I NaN I 即使我已经使用选择器“button.vote-button”在元素上注册了句柄。有谁知道为什么会这样？我不想必须为图标提供数据属性。