使用 Ajax/jQuery 将 PHP 内容输入到 CSS 选择器中


Input PHP content into a CSS Selector Using Ajax/jQuery

我正在创建一个脚本,该脚本具有指向不同程度的指针,需要动态更改。它需要移动的度数以度为单位.php (在页面中只是一个数字)我正在尝试获取度数的内容.php并将其输入到CSS选择器中以将指针移动到正确的方向。

到目前为止,我所拥有的,

下面是我的jquery,它从wind中获取内容.php例如,它有一个数字(139)并将其加载到DIV ID #windraw 中。然后,我让它设置一个间隔,让它继续从该页面抓取内容,并在内容更改时即时更新 CSS。然后将其加载到该div id 标签中,然后....我卡在上面的部分,将内容从 #windraw"旋转"(https://github.com/jcubic/jquery.rotate)中

获取

j查询:

<script>
    $(document).ready(function() {
    clearInterval(refreshId);
    $("#windraw").load("../raw/wind.php");
     });
    $(document).ready(function() {
    refreshId = setInterval(function() {
    $("#windraw").load("../raw/wind.php");
    $('#winddirneedle').css('rotate', $"#windraw");
    }, 5000);
    });
</script>

我收到错误"未捕获的语法错误:参数列表后缺少)"但是在我的控制台调试中。

.HTML:

<div id="winddircontain"><div id="winddirneedle" style=""></div></div>

Winddircontain是一个圆圈,Winddirneedle是指向正确方向的指针。

我是jQuery的初学者,只知道其中的一小部分。有人可以指出我的代码出了什么问题吗?谢谢!

我认为最好

使用 $.get 来解决这个问题,而不是先将结果加载到 DOM 元素中。您也有一些语法错误。

$(document).ready(function () {
  var refreshId = setInterval(function () {
    $.get('../raw/wind.php').done(function (result) {
      $('#winddirneedle').css('rotate', result);
    });
  }, 5000);
});