根据窗口纵横比更改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') ???

第三，为什么如果它是attr dataPath而在else它是attr data-path ???

请检查您的代码