使用 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);
});
相关文章:
- 将 CSS 应用于禁用的输入按钮
- 不使用自定义CSS或HTML(使用框架方法)的角度材质文本输入或文本区域标签大小
- 如何使用jquery更改文本输入的css
- 更改类所选空输入的CSS属性
- 通过应用自定义 css 类禁用 html 输入元素
- 如何从输入中手动设置css样式
- 输入占位符文本转换CSS样式
- 更改输入css的值的长度函数
- 如何在一个表的输入中搜索一组特定的值,而不是另一个表's id(s)值以添加css
- 无法破解pass-css插件以使两个输入元素出现在一行中
- 自定义CSS输入框,使页面按ENTER键刷新
- 使用chrome扩展(HTML、CSS、JavaScript)向输入字段添加可点击的图标/按钮
- 重置时输入字段文本css
- CSS或JS-当输入被聚焦时,改变输入的背景颜色
- 输入视图端口时更改时间轴css
- jQuery 使用两个下拉列表更改输入 css 样式
- 将值输入.css()
- 输入CSS属性并在刷新后更改,仍然无法修复
- 屏蔽文件输入CSS和javaScript
- 是否有一种方法可以从表单字段输入CSS文件上的值