Question

我的页面上有一个内联脚本：

<script type="text/javascript">
    var rootPath = '<%= Url.Content("~/") %>';

    $(document).ready(function () {

        $('#logonStatus').click(function () { loadLoginForm(); });
        alert('Document Ready');
    });

    function loadLoginForm() {

        if(!serenity.tools.isStyleSheetLoaded('redmond.css')) {
            $('head').append('<%= Url.StyleTag("Redmond/redmond.css", MediaTypes.Screen) %>');
        }            

        if(!serenity.tools.elementExists($('#logonContainer'))) {
            $.ajax({
                async: false,
                cache: false,
                datatype: 'html',
                success: function (data) { $('body').append(data); },
                type: 'GET',
                url: '/Membership/LogOn'
            });
        }

        $('#logonContainer').dialog({
            modal: true,                
            hide: 'slide'
        });
    }


</script>

我也在加载一个自定义的javascript文件，其内容如下：

var serenity = new function () {

$(document).ready(function () {

    jQuery.ajaxSetup({
        beforeSend: function (xhr) {
            xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        }
    });

});

this.tools = new function () {

    this.isStyleSheetLoaded = function (fileName) {

        $(document.styleSheets).each(function () {
            if (this.href.toLowerCase().indexOf(fileName) != -1) {
                this.isStyleSheetLoaded = true;
                return;
            }
        });

        this.isStyleSheetLoaded = false;
    }

    this.elementExists = function (element) {
        this.elementExists = element.length != 0;
    }
}

}

ajax调用正在加载的文件只是一个带有包含输入元素的表的div。该文件中不包含任何javascript。

我的问题是我第一次调用isStyleSheetLoaded它工作正常但是在加载文件并显示和关闭对话框之后我点击了触发loadLoginForm函数的链接但是这次它说isStyleSheetLoaded不是函数。这在所有浏览器中出现，所以我99％肯定这是我的问题，但我不知道它是什么。有人可以指出我正确的方向吗？

提前致谢。

Answer 1

我认为您的问题如下：

你定义了一个函数“this.isStyleSheetLoaded = function（fileName）”但是在他的身体中你覆盖了这个属性“this.isStyleSheetLoaded = true;”。

所以在你第一次调用isStyleSheetLoaded之后，这个函数会被boolen覆盖。

正确的方法可能是：

    this.isStyleSheetLoaded = function (fileName) {

      $(document.styleSheets).each(function () {
        if (this.href.toLowerCase().indexOf(fileName) != -1) {
            return true;
        }
      });

    return false;
}

Javascript函数只能工作一次

1 个答案: