2016-01-16 32 views
0

我正在創建一個腳本,它具有指向不同程度並需要動態更改的指針。它需要移動的度數位於度數.php(在該頁面中只是一個數字) 我想抓住degrees.php的內容並將其輸入到CSS選擇器中以將針移動到正確的方向。使用Ajax/jQuery將PHP內容輸入到CSS選擇器中

我有什麼到目前爲止,

下面是我的jQuery從wind.php其中有例如並將其加載到DIV ID #windraw號碼(139)抓取內容。然後,我設置了一個時間間隔,讓它隨着內容的變化繼續抓取該頁面的內容並隨時更新CSS。然後,它加載到該分區ID標籤和....這我卡上,正從#windraw內容爲CSS選擇「旋轉」的一部分(https://github.com/jcubic/jquery.rotate

的jQuery:

<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> 

在參數列表「 」後出現錯誤 「Uncaught SyntaxError:missing」)但是在我的控制檯調試中。

HTML:

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

winddircontain是一個圓,winddirneedle是指向正確的方向針。

我是jQuery的初學者,只知道它的一小部分。有人能指出我的代碼出了什麼問題嗎?謝謝!

+0

只要你不感到困惑,在我提到degrees.php第一部分,這意味着是wind.php – Itprotj

+0

雖然我從wind.php我可以把代碼從頁面到價值這一個,但我不認爲這是可能動態更新到CSS選擇器的PHP值,這就是爲什麼我必須把它的內容在wind.php之前把它帶到這個頁面。 – Itprotj

+0

最好是更新原始帖子,而不是添加新信息作爲評論。 – RST

回答

0

對於這個我認爲使用$ .get會更好,而不是首先將結果加載到DOM元素中。你也有一些語法錯誤。

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

謝謝!是的,我打了一堵牆,不斷收到語法錯誤,但現在全部排序。 – Itprotj