【问题标题】:Single Page Application Input box not showing in ie 8ie 8 中未显示单页应用程序输入框
【发布时间】:2014-03-09 09:31:30
【问题描述】:

在我的单页应用程序中,我使用 Durandal 和淘汰赛。我有一个简单的输入框。该输入框在 Chrome 中显示良好,而不是在 IE 8 中。知道为什么吗?

查看-

                    <b>Client Name:</b><input data-bind="value: clientName" />
                        <a title="Search for Client." data-bind="    click: SearchClients" class="btn btn-mini" style="vertical-align: top; line-height: 27px; font-size: 11px">Search  </a>

视图模型-

 define(['services/logger', 'durandal/system', 'plugins/router', 'services/CertificateDataService', 'controls/Lucas', 'services/ErrorLoggingDataService'],
function (logger, system, router, CertificateDataService, Lucas, ErrorLoggingDataService) {
    var vm = {
    activate: activate,
    title: 'Client Search',
    clientName: ko.observable(''),
    selectClient: function (tab) {
        try {
            alert('here');
        }
        catch (err) {
            //var err = eval("(" + err.message + ")");
            amplify.store("ErrorDetails", err.message + ", vm selectTab function");
            ErrorLoggingDataService.LogErrorSvc(err);
        }

    },
    SearchClients: function (tab) {
        try {
            alert(tab);
        }
        catch (err) {
            //var err = eval("(" + err.message + ")");
            amplify.store("ErrorDetails", err.message + ", vm selectTab function");
            ErrorLoggingDataService.LogErrorSvc(err);
        }

    },
};

return vm;

function activate() {
    return true;
}
});

【问题讨论】:

  • 你能在 jsFiddle 中重现问题吗?
  • 似乎在小提琴中工作。啊!
  • :) 我问的原因是因为您在上面发布的内容确实适用于所有浏览器。可能还有其他您没有显示的东西导致您的问题。您是否检查过控制台是否有任何错误或绑定损坏?
  • 感谢 pw kad。看到它在小提琴中工作让我朝着另一个正确的方向前进。

标签: javascript knockout.js single-page-application hottowel durandal-2.0


【解决方案1】:

IE8 对尾随逗号敏感。当您定义完 SearchClients 方法后,在底部,您有一个 },,它应该只是一个 }

顺便说一句,如果 var vm = { 之后到最后一行之前的所有内容都缩进一个制表符,那么会更容易看到打开/关闭花括号属于什么。

【讨论】:

    【解决方案2】:

    我们的图形设计师已将 display: none 用于输入样式。不知道我认为这是 IE 8 的问题。不是这样的。简单的样式问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-05
      • 2013-06-30
      • 2014-12-28
      • 1970-01-01
      • 2012-02-04
      相关资源
      最近更新 更多