Jquery 删除自动内联样式
我正在尝试隐藏表行,直到单击单选按钮。我尝试了Jquery 删除自动内联样式,jquery,html,css,inline-styles,Jquery,Html,Css,Inline Styles,我正在尝试隐藏表行,直到单击单选按钮。我尝试了display:none但这不起作用。因此,当我在我的开发工具中签出代码时,我看到tr有一个我从未添加过的style=“display:table row;”,其他tr都没有 我不确定如何删除它,以便隐藏该行 我的代码 $(文档).ready(函数(){ $('input[type=“radio”]”)。单击(函数(){ if($(this.attr(“value”)=“collection”){ 美元(“.deliver fee”).hide('
display:none代码>但这不起作用。因此,当我在我的开发工具中签出代码时,我看到tr有一个我从未添加过的style=“display:table row;”
,其他tr都没有
我不确定如何删除它,以便隐藏该行
我的代码
$(文档).ready(函数(){
$('input[type=“radio”]”)。单击(函数(){
if($(this.attr(“value”)=“collection”){
美元(“.deliver fee”).hide('slow');
}
if($(this.attr(“value”)=“delivery”){
美元(“.deliver fee”).show('slow');
}
});
$('input[type=“radio”]”)。触发器('click');
});
。送货费{
显示:无;
}
传送
收集
产品
代码
量
单价
全部的
小计
R{{$totalPrice}
送货费
R{{$delivery}
您的代码是正确的,但现在我只删除您添加的css
,它现在可以工作了。请检查以下代码:
$(文档).ready(函数(){
$('input[type=“radio”]”)。单击(函数(){
if($(this.attr(“value”)=“collection”){
美元(“.deliver fee”).hide('slow');
}
if($(this.attr(“value”)=“delivery”){
美元(“.deliver fee”).show('slow');
}
});
$('input[type=“radio”]”)。触发器('click');
});
传送
收集
产品
代码
量
单价
全部的
小计
R{{$totalPrice}
送货费
R{{$delivery}
您的代码是正确的,但现在我只删除您添加的css
,它现在可以工作了。请检查以下代码:
$(文档).ready(函数(){
$('input[type=“radio”]”)。单击(函数(){
if($(this.attr(“value”)=“collection”){
美元(“.deliver fee”).hide('slow');
}
if($(this.attr(“value”)=“delivery”){
美元(“.deliver fee”).show('slow');
}
});
$('input[type=“radio”]”)。触发器('click');
});
传送
收集
产品
代码
量
单价
全部的
小计
R{{$totalPrice}
送货费
R{{$delivery}
您已经通过css在开始时隐藏了该项-这非常有效
但随后你会用以下方式展示:
$('input[type="radio"]').trigger('click');
“送货费”应用程序短暂出现然后隐藏的原因是,上面的代码运行了两次(因为您有2次输入[type='radio']
)-第一次用于送货,所以调用.show()
,然后用于收款,所以调用隐藏
jQuery对动画进行排队,其中包括.hide和.show。您可以使用.finish()
,如中所示
$(".deliver-fee").finish().hide('slow');
但这只会掩盖问题
最简单的选择是删除该行并等待用户单击。如果您需要基于预加载信息显示的交付费用,则只对:checked
项目运行它
$('input[type="radio"]:checked').trigger('click');
更新的代码段:
$(文档).ready(函数(){
$('input[type=“radio”]”)。单击(函数(){
if($(this.attr(“value”)=“collection”){
美元(“.deliver fee”).hide('slow');
}
if($(this.attr(“value”)=“delivery”){
美元(“.deliver fee”).show('slow');
}
});
//不显示+隐藏交付费
//$('input[type=“radio”]”)。触发器('click');
});
。送货费{
显示:无;
}
传送
收集
产品
代码
量
单价
全部的
小计
R{{$totalPrice}
送货费
R{{$delivery}
您已经通过css在开始时隐藏了该项-这非常有效
但随后你会用以下方式展示:
$('input[type="radio"]').trigger('click');
“送货费”应用程序短暂出现然后隐藏的原因是,上面的代码运行了两次(因为您有2次输入[type='radio']
)-第一次用于送货,所以调用.show()
,然后用于收款,所以调用隐藏
jQuery对动画进行排队,其中包括.hide和.show。您可以使用.finish()
,如中所示
$(".deliver-fee").finish().hide('slow');
但这只会掩盖问题
最简单的选择是删除该行并等待用户单击。如果您需要基于预加载信息显示的交付费用,则只对:checked
项目运行它
$('input[type="radio"]:checked').trigger('click');
更新的代码段:
$(文档).ready(函数(){
$('input[type=“radio”]”)。单击(函数(){
if($(this.attr(“value”)=“collection”){
美元(“.deliver fee”).hide('slow');
}
if($(this.attr(“value”)=“delivery”){
美元(“.deliver fee”).show('slow');
}
});
//不显示+隐藏交付费
//$('input[type=“radio”]”)。触发器('click');
});
。送货费{
显示:无;
}
传送
收集
产品
代码
量
单价
全部的
小计
R{{$totalPrice}