javascript - 替换数据属性html

标签 javascript jquery css

大家好,我如何替换数据属性,例如,我将脚本用于视频背景,但是当我检测到移动设备时,我想再用一盏灯更改视频。所以我在 js 文件中做了这个

/* Add your custom JavaScript code */
$(document).ready(function(){

  if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ) {
     $('.fullscreen').attr('data-vide-bg', 'homepages/portfolio/video/mobile');
  }
});

在 index.html 中用于背景视频

<section class="fullscreen" data-video-bg="homepages/portfolio/video/merge-kqwil">
<section>

所以我想要的是当检测到移动时用 "homepages/portfolio/video/mobile" 而不是 homepages/portfolio/video/merge-kqwil 替换这个视频背景

我用作 bg 视频的插件 VideoBg什么时候检测到移动设备,他放了 png 或 JPG,但我想用这个移动设备视频进行更改。 谢谢!

最佳答案

代码似乎有效。

$(document).ready(function(){

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera 
 Mini/i.test(navigator.userAgent) ) {
   $('.fullscreen').attr('data-vide-bg', 
  'homepages/portfolio/video/mobile');
};
});

最后缺少单引号尝试还原

关于javascript - 替换数据属性html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45997416/

相关文章:

javascript - 单击文本框时,selectRow 复选框功能不应起作用

javascript - 检查表格是否已检查并且有效的电子邮件不起作用

javascript - 如何使用 React-Router 默认显示路由

javascript - 刷新时随机数

javascript - 除了事件的 jQuery 之外,所有 div 都恢复为默认值

CSS 灰度蒙版

html - 在窗口调整响应标题

javascript - For 循环返回 undefined variable

javascript - 使用字符串填充表格元素

javascript - 将光标更改为加载动画