我正在尝试使用 openid 选择器 javascript 库来允许网站的 OpenId 登录。我正在按照这个网站上的说明进行操作，但我通常不是网络程序员，它不工作，我不确定为什么。我敢肯定它是相当微不足道的，但我看不到它。
问题是没有任何带有开放 ID 位的图像被渲染在它应该去的地方，这是<div id="openid_btns"></div>我假设的。这似乎向我表明，应该设置此 div 内容的函数没有运行。
我怀疑剧本。
我已将脚本引用添加到 Site.Master，因为它表明：
<script type="text/javascript" src="../../Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="../../Scripts/openid-jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
alert("document ready"); // <- I added this to verfiy that this is being called
openid.init('openid_identifier');
});
</script>
并且它似乎在每个页面上调用了该函数（显示了警报），然后我假设它应该调用 openid.init 函数。
这是在openid-jquery.js脚本中定义的：
var openid = {
version: '1.2', // version constant
demo: false,
demo_text: null,
cookie_expires: 6 * 30, // 6 months.
cookie_name: 'openid_provider',
cookie_path: '/',
img_path: '../images/',
lang: null, // language, is set in openid-jquery-<lang>.js
signin_text: null, // text on submit button on the form
input_id: null,
provider_url: null,
provider_id: null,
all_small: false, // output large providers w/ small icons
no_sprite: false, // don't use sprite image
image_title: '{provider}', // for image title
init: function (input_id) {
alert("initialising");
providers = $.extend({}, providers_large, providers_small);
var openid_btns = $('#openid_btns');
this.input_id = input_id;
$('#openid_choice').show();
$('#openid_input_area').empty();
var i = 0;
// add box for each provider
for (id in providers_large) {
if (this.all_small) {
openid_btns.append(this.getBoxHTML(id, providers_large[id], 'small', i++));
} else
openid_btns.append(this.getBoxHTML(id, providers_large[id], 'large', i++));
}
if (providers_small) {
openid_btns.append('<br/>');
for (id in providers_small) {
openid_btns.append(this.getBoxHTML(id, providers_small[id], 'small', i++));
}
}
$('#openid_form').submit(this.submit);
var box_id = this.readCookie();
if (box_id) {
this.signin(box_id, true);
}
我再次添加了alert("initialising");似乎从未被调用过的。
它应该调用这个函数吗？如何确定为什么没有调用此函数？有任何想法吗？
更新：
在文档就绪函数中，我交换了函数的顺序，如下所示：
<script type="text/javascript">
$(document).ready(function () {
openid.init('openid_identifier');
alert("document ready");
});
</script>
现在没有发出警报。这是什么意思？其他功能有问题吗？我怎么知道它是什么？
更新 2：
奇怪。如果我将 openid-jquery.js 文件重命名为其他内容（看似任何内容）（例如 openid-jquery.2.js），那么我可以从 open id 脚本中看到警报。
但它似乎只执行警报而不是下一行，因为当我稍后添加另一个更改时（即在下一行之后），第二个警报从未见过。不知道为什么会这样。
更新 3： 在 chrome 中调试后，问题似乎是providers_large, providers_small未定义并添加：
var providers_large;
var providers_small;
到脚本的顶部允许它至少运行并显示警报。但仍然没有图像......我想进一步调查。