如何使用jquery製作角色選擇頁面？

$('.character1').eq(0).on('click',function(){ 
    location.href = 'index.html'; 
    $('.player1').eq(0).css('background','broly.png'); 
    console.log('this is working'); 
});

因此基本上character1類是characterSelection.html而player1類是在他們打擊的index.html頁面上。當一個角色選擇character1中的broly時，我想將player1類背景圖像更改爲broly.png。它重定位到頁面正常，但不會更新圖像。如果我拿出這條線並單獨運行。它會改變就好。解決此問題的最佳方法是什麼，以便用戶可以選擇一個字符並在index.html頁面上的player1類中使用它們。如何使用jquery製作角色選擇頁面？

$('.player1').eq(0).css('background','broly.png');

來源

2017-07-14 jdip88

在刷新URL之前，爲本地存儲添加一些值，並在下一頁檢查本地存儲值並根據此值進行更改。 –

可以傳遞一個查詢字符串index.html，使用location.search，String.prototype.split()，Array.prototype.pop()擺脫characterSelection.html

通過characterSelection.html

值

$('.character1').eq(0).on('click',function(){ 
    location.href = 'index.html?background=broly'; 
});

指數解析在jQuery()調用傳遞參數.html

$(function() { 
    if (/background/.test(location.search)) { 
     var bg = location.search.split("=").pop(); 
     $('.player1').eq(0).css('background', bg + '.png'); 
     console.log('this is working'); 
    } 
})

來源

2017-07-14 04:43:28 guest271314

如何使用jquery製作角色選擇頁面？

回答

相關問題