0

我对 Jquery 及其工作比较陌生，并且我确信我的语法是错误的，我只是不知道如何修复它。

基本上，我需要获取屏幕的 (window).height 和 (window).width，然后将这些值分别除以 1920 和 1080，用于我的网站代码。

这是我写的jquery：

$(document).ready(function () {
    var resx = $(window).width();
    var resy = $(window).height();
    var disx = (resx)/1920;
    var disy = (resy)/1080;
});

然后，我想在我的 HTML 文档中使用“disx”和“disy”作为 data-x 和 data-y 值。我认为这就是我的问题所在——我究竟如何获得 data-x 值等于disx *（我需要什么像素值）？

<div id="video-step" class="step" data-x="<script type='text/javascript'>document.write(($disx)*(-1920))</script>"
     data-y="0">
</div>

^这就是我目前正在尝试的方式，但无济于事..

谁能告诉我如何将变量准确地放入我的 html 中？或者我的变量格式是否正确？

谢谢！

4

1 回答 1

2

只需在元素上调用 data 函数并传入值：

$(document).ready(function () {
    var resx = $(window).width();
    var rexy = $(window).height();
    var disx = (resx)/1920;
    var disy = (resy)/1080;

    $("#video-step").data('y',resy);
    $("#video-step").data('x',resx);
});

如果您需要强制更新标记，请使用以下方法：

$("#video-step").attr('data-y',resy);
$("#video-step").attr('data-x',resx);
于 2013-07-28T04:06:08.763 回答