我有以下脚本在我的网站的页面中添加+ -按钮到数量输入字段:
<script language="javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
var $cartAdd = jQuery('#cartAdd')
, $quantity = $cartAdd.find('input');
$cartAdd.append('<div class="inc button">+</div><div class="dec button">-</div>');
jQuery(".back").change(function(){
$quantity.val(1).change();
});
$cartAdd.click(function(evt) {
var $incrementor = jQuery(evt.target)
, quantity = parseInt($quantity.val(), 10);
if($incrementor.hasClass('inc')) {
quantity += 1;
} else if($incrementor.hasClass('dec')) {
quantity += -1;
}
if(quantity > 0) {
$quantity.val(quantity);
xhr.getPrice();
}
jQuery(".back").change(function(){
xhr.getPrice();
});
});
});
</script>
我希望能够隐藏/取消隐藏一个div当var $cartAdd超过1我试着用
之类的东西var $cartAdd = jQuery('#cartAdd')
, $quantity = $cartAdd.find('input');
<?php $trigger = "<script>document.write(quantity)</script>"?>
紧随其后<?php echo $trigger;?>
,我希望它能回显输入框中的值,但它没有。
可以实现吗?
你必须明白所有的php脚本都是在javascript之前执行的。
简单地抓住数量并在需要时隐藏有什么错?
if( $('#cartAdd').find('input').val() > 1 )
{ $('#div_we_want_to_hide').hide() }
把它放到文档中。准备好了,应该可以正常工作了