我目前有一個顯示我所有項目的 URL：http://localhost:8090/projects.php當(dāng)我單擊一個項目時，我可以使用以下簡單代碼將一個變量附加到 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ù)將圖片 ID 附加到 URL 的末尾：$(document).ready(function() { $(".photo-block").on("click", ".photo", function(){ history.pushState({}, '', '?photo='+$(this).attr("id")); $(".photo-viewer").show(); }); });我希望得到一個看起來像這樣的網(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)驗 獲得超5個贊
老板，解析當(dāng)前的 URL 查詢字符串，創(chuàng)建一個變量，然后將其添加到方程中。它是動態(tài)的，因為它的內(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)驗 獲得超6個贊
如果您想要多個查詢字符串變量，則需要使用&. 因此 -> projects.php?firstVar=1&secondVar=2。
或者，您也可以使用哈希#，它不需要您推送狀態(tài)，而只需將您的圖片包裝在普通錨點(diǎn)中，例如projects.php/?info=23#photo1. 當(dāng)用戶點(diǎn)擊img時url會改變
- 2 回答
- 0 關(guān)注
- 142 瀏覽
添加回答
舉報
0/150
提交
取消