javascript - 根据窗口纵横比更改 src 值

Question

我是 Javascript 的新手。我一直试图弄清楚这一点，但现在我被困住了......

我有一个背景滑块，它不会根据窗口大小保持其原始外观。为了避免过多的失真，例如在 Ipad 上的纵向模式。当窗口的高度大于其宽度时，我想我会为我的滑块使用另一个图像源。这是我到目前为止所得到的：

if(window.innerHeight > window.innerWidth){
document.getElementById('threesixty').attr('dataPath','path/to/imagesIpad{index}.jpg');  
 } 
else {  
 $('.threesixty').attr('data-path','path/to/images{index}.jpg'); }

这是 html 中的内容

 <div class="threesixty" data-path="path/to/images{index}.jpg" data-count="72">

但这不起作用...

Answer 1

首先， document.getElementById('threesixty')返回一个dom对象而不是jquery对象，你不能使用.attr()方法。

其次，为什么if它是一个 id 选择器，但else它是一个类选择器$('.threesixty')？？？

第三，为什么在如果它是 attrdataPath但在else它的 attr data-path？？？

请检查您的代码