我目前有一個顯示我所有項目的 URL：http://localhost:8090/projects.php當我單擊一個項目時，我可以使用以下簡單代碼將一個變量附加到 URL 末尾：$(document).ready(function() { $(".projects-container").on("click", ".procject-listing", function(){ history.pushState({}, '', '?info='+$(this).attr("id")); $(".project-info").show(); }); });URL 變為：http://localhost:8090/projects.php/?info=23完美運行。問題是，當我單擊“info”div 內部打開另一張圖片時，我希望單擊函數將圖片 ID 附加到 URL 的末尾：$(document).ready(function() { $(".photo-block").on("click", ".photo", function(){ history.pushState({}, '', '?photo='+$(this).attr("id")); $(".photo-viewer").show(); }); });我希望得到一個看起來像這樣的網址：http://localhost:8090/projects.php/?info=23?photo=1相反，我得到了：http://localhost:8090/projects.php/?photo=1有沒有辦法附加到網址而不是覆蓋“已經存在”的查詢字符串變量？我一直在研究其他問題，但它們似乎沒有解決我的問題。謝謝??！
2 回答
喵喔喔
TA貢獻1735條經驗 獲得超5個贊
老板，解析當前的 URL 查詢字符串，創建一個變量，然后將其添加到方程中。它是動態的，因為它的內容基于點擊。
$(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貢獻1799條經驗 獲得超6個贊
如果您想要多個查詢字符串變量，則需要使用&. 因此 -> projects.php?firstVar=1&secondVar=2。
或者，您也可以使用哈希#，它不需要您推送狀態，而只需將您的圖片包裝在普通錨點中，例如projects.php/?info=23#photo1. 當用戶點擊img時url會改變
- 2 回答
- 0 關注
- 144 瀏覽
添加回答
舉報
0/150
提交
取消