根本没有调用 Javascript 函数

Question

我制作了以下小型 Javascript 脚本以在我的页面上启用一些表单元素:

function unHide()
{
    if($('#UserName').val() == "")
    {
        alert('Please Enter a User Name first');
    }
    else
    {
        $('#radio-choice-1').checkboxradio('enable');
        $('#radio-choice-2').checkboxradio('enable');
        $('#radio-choice-1-board').checkboxradio('enable');
        $('#radio-choice-2-board').checkboxradio('enable');
        $('#TransNum').textinput('enable'); 
        $('#UserContinue').remove();
        $('#nextButton').show();
    }
}

问题是，单击正确的按钮时不会调用它。甚至警报也没有出现。这是 HTML:

<label for="UserName" style="vertical-align: top;">User Name:</label>
<input type="text" name="UserName" id="UserName" placeholder="Ex: LesniakBjEVS101" />

...

<a data-role="button" data-icon="check" data-mini="true" id="UserContinue"
    style="float:right;" onclick="javascript:unHide(); return false;">Continue...</a>

...

<section id="nextButton" hidden>
    <a href="salamanderSelect.html" data-role="button" data-icon="forward" 
             data-mini="true" style="float:right;">Next</a>
</section>

我遇到的问题是当我点击提交按钮时，完全没有任何反应。我没有从 Javascript 中得到任何返回，也没有得到任何返回。

任何帮助将不胜感激! 谢谢!

编辑:

在尝试了建议之后，我仍然无法让 javascript 执行任何操作。我尝试了多种浏览器，但仍然没有。

我昨天也刚刚开始工作......也没有对代码进行任何更改

编辑 2:

显然，如果我的脚本是 HTML 文件中的最后一个内容，即使在标签之外，它也能正常工作。

Answer 1

虽然 onclick 不需要 javascript:，但它仍然可以在许多浏览器中工作。这是您示例的 jsfiddle:http://jsfiddle.net/ukWcp/2/

仅在 href 中使用 javascript:。

虽然我建议在 firebug 或 chrome 中使用 javascript 控制台和调试器进行调试，但其他人已经提到对您的绑定(bind)使用全 javascript 解决方案。这是更可取的。