我目前有一個(gè)顯示我所有項(xiàng)目的 URL：http://localhost:8090/projects.php當(dāng)我單擊一個(gè)項(xiàng)目時(shí)，我可以使用以下簡(jiǎn)單代碼將一個(gè)變量附加到 URL 末尾：$(document).ready(function() { $(".projects-container").on("click", ".procject-listing", function(){ history.pushState({}, '', '?info='+$(this).attr("id")); $(".project-info").show(); }); });URL 變?yōu)椋篽ttp://localhost:8090/projects.php/?info=23完美運(yùn)行。問題是，當(dāng)我單擊“info”div 內(nèi)部打開另一張圖片時(shí)，我希望單擊函數(shù)將圖片 ID 附加到 URL 的末尾：$(document).ready(function() { $(".photo-block").on("click", ".photo", function(){ history.pushState({}, '', '?photo='+$(this).attr("id")); $(".photo-viewer").show(); }); });我希望得到一個(gè)看起來像這樣的網(wǎng)址：http://localhost:8090/projects.php/?info=23?photo=1相反，我得到了：http://localhost:8090/projects.php/?photo=1有沒有辦法附加到網(wǎng)址而不是覆蓋“已經(jīng)存在”的查詢字符串變量？我一直在研究其他問題，但它們似乎沒有解決我的問題。謝謝??！
2 回答
喵喔喔
TA貢獻(xiàn)1735條經(jīng)驗(yàn) 獲得超5個(gè)贊
老板，解析當(dāng)前的 URL 查詢字符串，創(chuàng)建一個(gè)變量，然后將其添加到方程中。它是動(dòng)態(tài)的，因?yàn)樗膬?nèi)容基于點(diǎn)擊。
$(document).ready(function() {
$(".photo-block").on("click", ".photo", function(){
function query_string(variable){
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){
return pair[1];
}}return(false);}
history.pushState({}, '','?info=' + info +'?photo='+$(this).attr("id"));
$(".photo-viewer").show();
});
});
哈士奇WWW
TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超6個(gè)贊
如果您想要多個(gè)查詢字符串變量，則需要使用&. 因此 -> projects.php?firstVar=1&secondVar=2。
或者，您也可以使用哈希#，它不需要您推送狀態(tài)，而只需將您的圖片包裝在普通錨點(diǎn)中，例如projects.php/?info=23#photo1. 當(dāng)用戶點(diǎn)擊img時(shí)url會(huì)改變
- 2 回答
- 0 關(guān)注
- 171 瀏覽
添加回答
舉報(bào)
0/150
提交
取消