Perl代碼來檢查進度條級別和通過jQuery顯示

我有一個Perl代碼，它檢索的使用百分比是30％。我已經編寫了具有類進度條和perl值的HTML作爲$ usage。我已經在jQuery中使用這個類來顯示頁面中的進度條。但它不工作。Perl代碼來檢查進度條級別和通過jQuery顯示

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<script> 

$(function() { 
    $("#progressbar").progressbar("value"); 
}); 
</script> 

<div class="progressbar" value=<% $usage_percentage %></div> 

<%perl> 
my $usage_percentage = 30; 
</%perl>

請幫忙。提前致謝。

來源

2014-11-04 user2201935

您可以使用在一個地方'$ usage'和'$ usage_percentage'在另一個。 – ThisSuitIsBlackNot 2014-11-04 17:25:34

謝謝...更正已完成 – user2201935 2014-11-04 17:27:57

我是否正確使用梅森？如果是這樣，你應該在你的問題中添加[tag：mason]標籤，因爲有許多不同的Perl模板解決方案使用類似的分隔符。 – ThisSuitIsBlackNot 2014-11-04 18:52:28

你的代碼有幾個錯誤。首先，您使用ID選擇器$("#progressbar")，但HTML中沒有該ID。更改

<div class="progressbar" ... >

到

<div id="progressbar" ... >

其次，value不是<div>標籤有效的屬性。將數據從Perl傳遞到HTML/JavaScript時，我會建議使用HTML5 data-* attributes，例如

<div id="progressbar" data-percent-used="30"></div>

jQuery的訪問data-*屬性提供了一個convenient method：

var percentUsed = $("#progressbar").data("percent-used"); // 30

請注意，您仍然可以使用HTML4 data-*屬性，它們只是作爲常規屬性對待。

第三，您正在調用進度條的get the value的方法，未對其進行設置。改變

$("#progressbar").progressbar("value");`

到

$("#progressbar").progressbar({ value: 30 });

將值設置爲30，例如。

全部放在一起：

<script> 
    $(function() { 
     var container = $("#progressbar"); 
     container.progressbar({ value: container.data("percent-used") }); 
    }); 
</script> 

<div id="progressbar" data-percent-used="<% $usage_percentage %>"></div>

來源

2014-11-04 17:46:34 ThisSuitIsBlackNot

我想通過HTML id或class直接調用$ usage_percentage到jQuery進度條。沒有可能嗎？ – user2201935 2014-11-04 17:54:24

看到我最新的編輯。 – ThisSuitIsBlackNot 2014-11-04 18:03:35

如何在沒有？ – user2201935 2014-11-04 18:50:14

Perl代碼來檢查進度條級別和通過jQuery顯示

回答

相關問題