Question

我在JavaScript中工作，我想从数组中选择一个元素，然后将css插入到该元素中。但它不起作用。它出了什么问题？

function touch(index) {
  var images = ["Data\Images\heroim-banner.png", "image3.png", "image1.png"];
  var page = $('#page');

  if (index == 0) {
    page.css('background-image', 'url(' + images[0] + ')');
  }
  if (index == 1) {

  }
  if (index == 2) {

  }
}

Answer 1

什么不起作用？我可以看到你想要实现的目标，但可能有更好的解决方案。无论如何，这应该适用于你想要做的事情：

function touch(index) {
   var images = ["Data/Images/heroim-banner.png", "image3.png", "image1.png"];
   var page = $('#page');

   page.css('background-image', 'url("' + images[index] + '")');

}

反向斜线可能是原因。另外，请确保这些链接正确无误。

Answer 2

我准备了jsfiddle

我想对你的代码做一些评论：

你应该使用这个"Data/Images/heroim-banner.png"这样的网址，因为\这是sybmol用于筛选。
如果您在这种情况下设置"Data/Images/heroim-banner.png"，则表示"<executable path>/Data/Images/heroim-banner.png"。如果"/Data/Images/heroim-banner.png"在这种情况下为"<root>/Data/Images/heroim-banner.png"。请检查包含图像的路径。
你也应该执行这段代码touch(0)（见我的jsfiddle）
如果你想通过index参数从数组中选择元素，那么你应该这样做：

page.css('background-image', 'url(' + images[index] + ')');

JavaScript。无法从数组

2 个答案: