jquery mobile和Durandal

Question

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

谢谢

Answer 1

我不推荐使用jQuery手机，因为它有很多与durandal重叠的特性。除非您只想使用jQuery mobile进行控制。

我在google group forums上问了一下，结果得到的建议是ratchet。

不完全是你想要的答案，但是..考虑一下其他选择可能也是不错的。

Answer 2

是的，我相信这是一个合理的方法。我们正在使用jquery UI (而不是移动版本)和durandal框架，并在一个大型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和knockout之后包含上面的javascript。

Answer 3

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

如果有人能证明不是这样，请让我知道！