Question

我试图做这样的事情：

<div id="div1">
 <span onClick="change(1)"><img src="/graphics/pic1.png" /></span>
 <span onClick="change(2)"><img src="/graphics/pic2.png" /></span>
 <span onClick="change(3)"><img src="/graphics/pic3.png" /></span>
 <span onClick="change(4)"><img src="/graphics/pic4.png" /></span> 
  <script language="javascript">
   function change(a) {
     $("#div1").css("background", "url('/graphics/pic"+a+".png')");
   }
  </script>
</div>

但问题出现了......它不起作用......我做对了吗？我的意思是数字和“a”的东西？或者我完全错了？这段代码只是一个例子......

Answer 1

请像这样使用：

  <script language="javascript">
   function change(a) {
     var url_img = 'url(/graphics/pic' + a + '.png)';
     $("#div1").css("background", url_img);
   }
  </script>

Answer 2

为了证明您的代码有效，我在这里使用颜色运行了一些示例，因为我没有图像。在这里你可以看到你的代码确实有效，虽然我认为它可以写得更好（如果你想知道我是怎么做的就让我知道）。因为这是有效的，我的理论为什么它不适合你就是

a）您的图片路径不正确。确保您的路径正确，如果您需要在..之前使用/graphics移出一个文件夹 E.I. ../graphics/pic3.png

b）第二个错误可能是您实际上没有安装jQuery。按照this link查看如何在您的网站上安装它。

我希望这可以解决您的问题，让我知道它是否有意义或者您是否有任何问题。

以下工作代码：

＆＃13;

function change(a) {
     $("#div1").css("background", a);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="div1">
 <span onClick="change('green')"><img src="/graphics/pic1.png" /></span>
 <span onClick="change('yellow')"><img src="/graphics/pic2.png" /></span>
 <span onClick="change('red')"><img src="/graphics/pic3.png" /></span>
 <span onClick="change('brown')"><img src="/graphics/pic4.png" /></span> 
</div>

＆＃13;

不确定我是否正确的PHP，JavaScript函数

2 个答案: