将 openId 选择器与 Asp.Net MVC 2 集成时出现问题

Question

我正在尝试使用 openid 选择器 javascript 库来允许 OpenId 登录网站。我正在按照此网站上的说明进行操作，但是我通常不是网络程序员，它不起作用，我不确定为什么。我确信这是相当微不足道的事情，但我看不到它。

问题是没有带有 open Id 位的图像渲染在它应该去的地方，即

I'我假设。这似乎表明应该设置此 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;

在脚本顶部添加： 允许它至少运行并显示警报。但仍然没有图像...我认为需要进一步调查。

Answer 1

因此，似乎在说明的第 4 步中，需要更新它以添加英语 javascript 提供程序信息，这是定义 provider_large 的位置，如下所示：

<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" src="../../Scripts/openid-jquery-en.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>  

Answer 2

对 Sam 在 1.3 版本中的回答进行了轻微更新。

解压文件：

C:\Blah\openid-selector-1.3\openid-selector\js\openid-en.js

脚本标签：

Answer 3

我遇到了同样的问题，检查您的 web.config 并将所有用户的权限添加到这些新目录，然后工作