【问题标题】:jQuery Help needed in changing color in condition在条件下更改颜色需要 jQuery 帮助
【发布时间】:2013-05-05 20:35:54
【问题描述】:

我想要一个 jQuery sn-p 来根据条件更改按钮的颜色--> 我正在使用WooCommerceWordPress。我想要的是:如果有购物车项目是0,那么我想显示red color,如果购物车中有任何项目,那么按钮转到green

【问题讨论】:

  • 你能展示一下你附近的 jQuery 代码吗?以便我们提供帮助。
  • www.favdiva.com 查看购物车商品数量,实际上我需要在下面添加一个按钮,购物车是空的,然后它会显示红色,如果购物车中有任何商品,它就会改变变成绿色...

标签: javascript jquery wordpress woocommerce


【解决方案1】:

将您的项目编号放在一个 div/span 中并提供一个 id。例如,我将“item_container”作为该 div 的 id:

$(document).ready(function(){
   var item_nu = $('#item_container').html().parseInt();
    if(item_nu=='0')
     {
       //write your code here to make the button red
     }
    else{
       //write your code here to make the button green
     }
 })

【讨论】:

  • $(document).ready(function(){ var item_nu = $('#item_container').html().parseInt(); if(item_nu=='0') { $( "#mybutton").addClass("myClass"); } else{ $("#mybutton").addClass("myotherClass"); } }) 我会设置这些类的css对吗??
  • 是的,在 myClass 类中,红色按钮使用 css,绿色按钮使用 myotherClass 类。
  • onlinegiftstore.in 请打开此网址,如果购物车为空,请查看我需要更改颜色的按钮 ..我无法做到这一点,谢谢 saifur 的帮助
  • var item_nu = $('.shop_countnumber span').html().parseInt(); if(item_nu >0) { //在此处编写代码使按钮变为绿色 } else{ //在此处编写代码使按钮变为红色 }
  • 没有类在我犯错的地方添加按钮检查网站请onlinegiftstore.in我已经在购物车帮助中添加了一个ID
猜你喜欢
  • 2019-09-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-06
  • 1970-01-01
  • 2020-12-31
  • 1970-01-01
  • 2011-07-09
相关资源
最近更新 更多