时间戳

首页 > 解决方案 > 我需要在插件选项中放置一个 jQuery 值或变量

javascript - 我需要在插件选项中放置一个 jQuery 值或变量

问题描述

我需要在插件选项中放置一个 jQuery 值或变量

我的剧本

$(document).ready(function() {
    // var bannerheight =  580;
    if ($(window).width() < 2100) {
      var bannerheight =  410;

      var opts = JSON.parse($('#revolutionSlider').attr('data-plugin-options'));
      opts.startheight = bannerheight; alert(opts.startheight);

      $('#revolutionSlider').attr('data-plugin-options', JSON.stringify(opts));
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="revolutionSlider" style="background:grey;" data-plugin-options='{"startheight": 430}' data-plugin-revolution-slider></div>

我需要将从 jQuery 脚本中获得的横幅值放在data-plugin-options='{"startheight": 430}'. 那是我需要来自 jQuery 脚本的值而不是值“430”

标签： javascriptjqueryhtmljquery-pluginsrevolution-slider

解决方案

您将需要：

  1. 将选项 JSON 解析为 JS 对象
  2. 更改值
  3. 将对象序列化为 JSON
  4. 将 JSON 设置为属性值。

以下应该工作。计算好后再做bannerheight。

var opts = JSON.parse($('#revolutionSlider').attr('data-plugin-options'));
opts.startheight = bannerheight;
$('#revolutionSlider').attr('data-plugin-options', JSON.stringify(opts));

推荐阅读