WordPress-循环中的脚本只工作一次
WordPress - Script inside the loop only works once
我的头中有这个脚本,索引中有这段代码,在post循环中:
$(function() {
var score = parseInt($('.post-score').text().trim());
var color = '#de1d1d';
if (!isNaN(score)) {
if (score >= 5) {
color = '#b84e1f';
}
if (score >= 7) {
color = '#26b81f';
}
if (score >= 9) {
color = '#d9e019';
}
if (score >= 10) {
color = '#0cf';
}
$('.post-score').css('color', color);
}
});
<?php if( in_category( 'reviews') ) : ?>
<div id="post">
<span class="post-score">
<?php the_field('customfield'); ?>
</span>
</div>
<?php endif; ?>
此函数根据输出的数字更改自定义字段文本的颜色,它实际上运行良好,但只有一次。它只适用于第一篇有评论的帖子,而不是每一篇帖子。
我的代码出了什么问题?
分别尝试jQuery:https://api.jquery.com/each/
现在,您的代码只查看它找到的第一个.post-score
。
编辑:我在这把小提琴上为你工作了https://jsfiddle.net/8b53j2ah/1/
<?php if( in_category( 'reviews') ) :
$score = get_field('customfield');
$score_color = '';
if($score >= 5 && $score < 7) $score_color = 'b84e1f';
elseif($score >= 7 && $score < 9) $score_color = '26b81f';
elseif($score >= 9 && $score < 10) $score_color = 'd9e019';
elseif($score >= 10) $score_color = '0cf';
?>
<div id="post">
<span class="post-score" style="color: #<?php echo $score_color; ?>">
<?php the_field('customfield'); ?>
</span>
</div>
<?php endif; ?>
您可能希望使用单独的CSS类,而不是样式属性。
您可以设置一个包含上述javascript的函数,然后在onchange属性下运行它。例如onchange="function()"
相关文章:
- Jquery FadeIn FadeOut 只工作一次
- jQuery滚动功能只工作一次
- iOS鼠标中心绑定只工作一次
- mongoose.js Model.remove在循环中只能工作一次
- 复选框一次选中一个不在gridview中工作
- Regex拆分-工作一次
- EventListener只能工作一次
- jQuery animate只在单击时工作一次
- data th JS每页只工作一次
- Jquery选择选项并获取只工作一次的更改值(页面加载时)
- remove仅每隔一次进行儿童工作
- CSS 类在验证时只工作一次
- Chrome扩展程序:浏览器操作单击按钮工作一次
- 单击仅工作一次
- MVC 分部视图中的 JQuery UI 自动完成功能只能工作一次
- Yelp API、OAuth和Angular与JSONP只工作一次
- 为什么这个脚本只工作一次?只替换元素一次,然后再也不替换
- 滚动时加载更多 滚动速度时一次工作两次
- 为什么一个ng应用程序一次工作
- Ajax请求只在每隔一次工作