使用jQuery将变量添加到URL

我是第一个在这里的计时器，所以我很抱歉无意中违反了规则。我正在尝试创建一系列按钮，如果点击此按钮，则会将某些值添加到网址中。这个想法是我想找出当人在最后点击链接时需要传递哪两个变量。使用jQuery将变量添加到URL

这里是我的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
jQuery(function(){ 
    var product1 = 'productId=1&productQuantity=1'; 
    var product2 = 'productId=2&productQuantity=1'; 
    var carturl = 'http://cart.net?clearCart=true'; 
    jQuery(function(){ 
    jQuery("#Product1Yes").click(function() { 
     jQuery("#Product2").show("fast"); 
     jQuery("#Product1").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
     return carturl + '&' + product1; 
    }); 
    jQuery("#Product1No").click(function() { 
     jQuery("#Product2").show("fast"); 
     jQuery("#Product1").hide("fast"); 
    }); 
    jQuery("#Product2Yes").click(function() { 
     jQuery("#Product3").show("fast"); 
     jQuery("#Product2").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
     return carturl + '&' + product2; 
    }); 
    jQuery("#Product2No").click(function() { 
     jQuery("#Link).show("fast"); 
     jQuery("#Product2").hide("fast"); 
    }); 
    }); 
}); 
</script> 

<div id="Product1"> 
    <button class="btn btn-primary" id="Product1Yes">Yes</button> 
    <button class="btn btn-danger" id="Product1No">No</button> 
</div> 

<div id="Product2"> 
    <button class="btn btn-primary" id="Product2Yes">Yes</button> 
    <button class="btn btn-danger" id="Product2No">No</button> 
</div> 

<div id="Link"> 
    <a id='upsell' href='#'>Click here to check out</a> 
</div>

我想我失去了一些东西愚蠢的，因为我的显示/隐藏功能不工作，我不觉得是越来越创建的链接权。思考？

来源

2013-05-26 bertlymartizzle

@adeneo - 这是在carurl varaiable – Hogan

@Hogan - 返回返回值到ATTR（）方法，设置在href。 – adeneo

现在，代码被绑定点击内部点击等，你应该适当地缩进你的代码，你会马上注意到这样的错误。 – adeneo

jsFiddle here.

<div id="Produc1">应该在你的HTML <div id="Product1">。

而且，你错过了几个结束括号：

var product1 = 'productId=1&productQuantity=1'; 
var product2 = 'productId=2&productQuantity=1'; 
var carturl = 'http://cart.net?clearCart=true'; 
jQuery(function(){ 
    jQuery("#Product1Yes").click(function() { 
    jQuery("#Product2").show("fast"); 
    jQuery("#Product1").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
    return carturl + '&' + product1; 
    }); 
    jQuery("#Product1No").click(function() { 
    jQuery("#Product2").show("fast"); 
    jQuery("#Product1").hide("fast"); 
    }); 
    jQuery("#Product2Yes").click(function() { 
    jQuery("#Link").show("fast"); 
    jQuery("#Product2").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
    return carturl + '&' + product2; 
    }); 
    jQuery("#Product2No").click(function() { 
    jQuery("#Link").show("fast"); 
    jQuery("#Product2").hide("fast"); 
    }); 
});

来源

2013-05-26 16:05:48 lifetimes

'＃Product3'没有定义 – Hogan

@Hogan我猜测他还没有在HTML中创建该部分，但 – lifetimes

我已经添加了，但它似乎仍然没有工作。 – bertlymartizzle

使用jQuery将变量添加到URL

回答

相关问题