jquery-mobile - jquery mobile 和 Durandal

Question

请任何人建议我，将 Durandal 和 JuqueryMobile 用于基于移动的应用程序（浏览器）是个好主意。我计划使用 Durandal、Jquerymobile、MVC4、KnockoutJs 和 BreezeJs 开发一个应用程序。

谢谢

Answer 1

我不推荐使用 jQuery mobile，因为它有很多与 durandal 重叠的功能。除非您只想将 jQuery mobile 用于控件。

我在谷歌论坛上问过，而是建议使用棘轮。

不完全是您正在寻找的答案，但是.. 考虑其他选项也可能会很好。

Answer 2

是的，我相信这是一种合理的方法。我们正在使用带有 durandal 框架的 jquery UI（不是移动版本），并在大型 Web 应用程序上取得了成功。

如果包含 Steve Saunderson ( https://github.com/SteveSanderson/knockout/wiki/Bindings---jqueryui-widgets ) 的 jquery ui 小部件绑定，则可以实现完全声明性的 UI 方法。

它将允许您在 HTML 中声明类似于 jquery ui 自动完成控件的内容，如下所示：

<input type="text" data-bind="
            css: { 'song-valid': isValid, 'song-invalid': isInvalid },
            value: songSearchText, 
            valueUpdate: 'afterkeydown', 
            attr: { placeholder: placeholderText },
            jqueryui: {
                widget: 'autocomplete',
                options: {
                    source: function(request, response) { return $data.songAutoCompleteSource(request, response); },
                    minLength: 2,
                    select: function (event, ui) {
                        $data.songSelected(ui.item.id, ui.item.value);
                        $parent.songSelected();
                    }
                }
            }" />

只需包含在此要点中找到的 jquery ui 小部件绑定：https ://github.com/SteveSanderson/knockout/wiki/Bindings---jqueryui-widgets

确保在加载 jquery 和敲除之后包含上述 javascript。

Answer 3

我会说不。我用 JQuery Mobile 制作了一个简单的 PhoneGap 应用程序，它有 3 个页面。看起来不错。然后我尝试实现 Durandal，它破坏了我所有的 JQuery 移动样式。我得出的结论是，当 Jquery Mobile 尝试实现它自己的页面导航模型时，两者不能很好地配合使用。我现在将尝试使用 Bootstrap，或者可能为 UI 手动编码 css。

如果有人可以证明不是这样，请告诉我！