使用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

回答

相關問題