我有一个电子商务网站,按钮依赖于jquery库来运行。如果我在iPad或移动设备上查看我的网站,按钮会变为灰色并且加载的gif继续旋转,页面不会将您引导到它应该执行的页面,因为这些设备不支持这些类型的按钮。 “添加到购物车”按钮代码在移动设备上无法正常运行。有人可以告诉我如何转换这些按钮或找到适合所有设备的解决方案。
<script>
function addCart(pid) {
//$("#span_cart_loading").html('<img src="img/loading.gif"style="margin:0;padding:0;" />');
$("#td_addcart_"+pid).html('<img src="img/loading.gif" style="margin:0;padding:0;" />');
$(".div_cart_content").load("inc/cart.php?cmd=add&id=<?=$rs['id']?>&pid="+pid);
jQuery("#div_cart").containedStickyScroll();
return false;
}
function remove_cart(cid) {
$("#span_cart_loading").html('<img src="img/loading.gif" style="margin:0;padding:0;" />');
$(".div_cart_content").load("inc/cart.php?cmd=remove&id=<?=$rs['id']?>&cid="+cid);
return false;
}
function updateQty(cid) {
$("#span_cart_loading").html('<img src="img/loading.gif" style="margin:0;padding:0;" />');
$(".div_cart_content").load("inc/cart.php?cmd=update_qty&id=<?=$rs['id']?>&cid="+cid+"&qty="+$('#qty_'+cid).val());
return false;
}
function updateExtras(cid) {
var selected=new Array();
$('.cb_'+cid+':checked').each(
function() {
selected.push(this.value);
}
);
$("#span_cart_loading").html('<img src="img/loading.gif" style="margin:0;padding:0;" />');
$(".div_cart_content").load("inc/cart.php?cmd=update_extra&id=<?=$rs['id']?>&cid="+cid+"&extras="+selected.join(','));
return false;
}
</script>
<td id="td_addcart_<?=$rsp['id']?>" style="width:20px; padding:10px; border-bottom:#f2f2f2 1px solid;"><a href="javascript:void(0);" onclick="addCart(<?=$rsp['id']?>);" title="<?=$GLOBALS['add_cart']?> - <?=$rsp['name']?>"><img src="<?=SITEURL?>img/addcart.gif" alt="<?=$GLOBALS['add_cart']?> - <?=$rsp['name']?>"/></a></td>
</tr>
登录按钮代码为:
<td style="height:30px;"><input name="sbt" id="sbt" type="submit" style=" margin:8px 0px; font- family: 'PTSansNarrowRegular',Arial,sans-serif; font-size:16px;" value="<?=$GLOBALS['login']?>" onclick='this.disabled=true;loading("span_loading",1); post("myform"); return false;'/> </td>
</tr> </tr>