Question

$('.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中的兄弟时，我想将player1类背景图像更改为broly.png。它重定位到页面很好，但它不会更新图像。如果我把这条线拿走并单独运行它。它会改变很好。解决此问题的最佳方法是什么，因此用户可以选择一个字符并在player1页面的index.html课程中使用它们。

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

Answer 1

您可以将查询字符串传递给index.html，使用jQuery()，location.search，String.prototype.split()解析Array.prototype.pop()来电时的传递参数，以获取从中传递的值characterSelection.html

characterSelection.html

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

的index.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');
    }
})

如何使用jquery创建角色选择页面？

1 个答案: