Question

我对Jquery及其工作相对较新，并确信我的语法错误，我不确定如何修复它。

基本上我需要获取屏幕的（窗口）。高度和（窗口）.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中吗？或者我的变量格式是否正确？

谢谢！

Answer 1

只需调用元素上的数据函数并传入值：

$(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);

关于变量及其在html文档中的实现的一些常见混淆

1 个答案: