Javascript 参考错误：_ 未定义
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/13556010/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
ReferenceError: _ is not defined
提问by Jason
I am using a jQuery based WordPress Twitter widget and receive the error "ReferenceError: _ is not defined".
我正在使用基于 jQuery 的 WordPress Twitter 小部件并收到错误“ ReferenceError: _ is not defined”。
Am not sure how to declare the variable "_".
我不确定如何声明变量“_”。
Here is the widget:
这是小部件：
<script type="text/javascript">
<!--//--><![CDATA[//><!--
function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
return '<a href="'+url+'">'+url+'</a>';
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
statusHTML.push( '\
<li class="tweet">\
<span class="content">'+status+'\
<a style="font-size:85%" class="time" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">('+relative_time(twitters[i].created_at)+')</a></span>\
<div class="clearfix"></div></li>' );
}
document.getElementById('twitter_update_list_<?php echo $unique_id; ?>').innerHTML = statusHTML.join('');
var template = '\
<span class="author">\
<img src="<%= user.profile_image_url %>"> \
<a class="username" href="http://twitter.com/<%= user.screen_name %>">\
<strong><%= user.screen_name %></strong>\
</a>\
</span>';
jQuery( _.template( template, { user: twitters[0].user } )).insertAfter('.bizsteam_twitter ul');
}
function relative_time(time_value) {
var values = time_value.split( " " );
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);
if (delta < 60) {
return 'less than a minute ago';
} else if(delta < 120) {
return 'about a minute ago';
} else if(delta < (60*60)) {
return (parseInt(delta / 60)).toString() + ' minutes ago';
} else if(delta < (120*60)) {
return 'about an hour ago';
} else if(delta < (24*60*60)) {
return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
} else if(delta < (48*60*60)) {
return '1 day ago';
} else {
return (parseInt(delta / 86400)).toString() + ' days ago';
}
}
//-->!]]>
</script>
<?php
if($exclude_replies != ''){ $exclude_replies_str = '&exclude_replies='.$exclude_replies; } else { $exclude_replies_str = ''; }
?>
<script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline/<?php echo $twitter_username; ?>.json?callback=twitterCallback2&count=<?php echo $twitter_count; ?>&include_rts=t<?php echo $exclude_replies_str; ?>"></script>
Firebug states that the line of code with the error is:
Firebug 指出，有错误的代码行是：
jQuery( _.template( template, { user: twitters[0].user } )).insertAfter('.bizsteam_twitter ul');
Any help would be greatly appreciated
任何帮助将不胜感激
回答by Stephan B?nnemann-Walenta
Your widget has Underscore.js/LoDash.js as dependency.
您的小部件具有 Underscore.js/LoDash.js 作为依赖项。
You can get them here: underscore, lodash
你可以在这里得到它们：underscore, lodash
Try prepending this to your code, so you can see if it works:
尝试将其添加到您的代码中，以便您可以查看它是否有效：
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
回答by Aamer Shahzad
i was facing the same problem in the wp-admin section of the site. I enqueued the underscore script cdn and it fixed the problem.
我在网站的 wp-admin 部分遇到了同样的问题。我将下划线脚本 cdn 加入队列并解决了问题。
function kk_admin_scripts() {
wp_enqueue_script('underscore', '//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js' );
}
add_action( 'admin_enqueue_scripts', 'kk_admin_scripts' );
回答by Hetdev
You can install it by bower:
您可以通过 bower 安装它：
Node.js npm install underscore
Meteor.js meteor add underscore
Require.js require(["underscore"], ...
Bower bower install underscore
Component component install jashkenas/underscore
Here's the link to the oficial page http://underscorejs.org/
这是官方页面的链接http://underscorejs.org/
