小编Mar*_*cel的帖子

使用-webkit-overflow-scrolling时触摸的iOS textarea文本:touch

我再次来到这里因为我已经用尽了我对这个问题的研究.我有一个非常简单的设置,非常简单的标记,但一个非常奇怪的行为.

行为类似于(Firefox和Angular:Textarea占位符直到第一次焦点才出现),但我在不同的环境中遇到它.

考虑具有只读文本区域的代码段.这会带来错误的评论列表,其中2-3个适合屏幕,然后必须滚动一些已经加载的评论.

    <div class="row">
        <div class="col-xs-2 text-right font-sm-dark"
             style="height:20px; line-height:20px; font-weight:bold;">
            <label>Comment:</label>
        </div>
        <div class="col-xs-10 text-left font-sm">
            <div class="col-xs-12 text-left font-sm">
                <textarea style="text-align:left; width:100%; padding:0,0; line-height:normal; resize:none;"
                          rows="5"
                          ng-model="comment.Text"
                          readonly></textarea>
            </div>
         </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

这在浏览器上运行应用程序(chrome,safari等)时效果很好,但是一旦我使用PhoneGap构建应用程序并在ipad设备上运行它,我会得到以下行为:

可见的评论已经在textareas中显示得很好.当我向下滚动时,请阅读更多评论,他们的textareas是空的但是如果我点击textarea然后文本出现.

已经可见的textareas显示他们的文本

滚动后,注释框为空,直到在iOS中"点击".

也就是说,没有与此标记相关的复杂CSS,也没有奇怪的服务器加载问题.加载此区域时,会带来所有注释.

我想指出,这是一款大型移动应用,具有更复杂的标记/功能,可在浏览器上正常工作,并完美转换为Android和iOS移动应用.

我发布的第一个链接让我认为ng-touch处理textarea的重点放在移动客户端上有一些奇怪的错误.

有任何想法吗?我讨厌转储textareas文本输入,但我几乎就在那时.

textarea ios angularjs cordova phonegap-build

11
推荐指数
1
解决办法
4713
查看次数

MVC .NET上的ajax发布未正确传递数组

我有一个简单的模式,该模式使用select2从服务器获取产品列表。用户可以选择多个产品,然后单击确定以优化搜索。

我的以下设置从模态中获取数据,并对具有强类型视图模型的Controller动作进行ajax调用,该视图模型与JS尝试通过ajax调用发送的内容相匹配。

阿贾克斯:

var exploreFilters = {
    "type" : exploreType,
    "products" : $('#s2id_select2-products').select2('data'),
    "locations" : $("#page-report__data").data("criteria__locations"),
    "companies" : $("#page-report__data").data("criteria__companies"),
    "usertypes" : $("#page-report__data").data("criteria__usertypes"),
    "groupusers" : $("#page-report__data").data("criteria__groupusers"),
    "datestart" : $("#page-report__data").data("criteria__datestart"),
    "dateend" : $("#page-report__data").data("criteria__dateend")
};

$.ajax({
    dataType: "html",
    type: "POST",
    url: "/Report/Group/FilteredView",
    data: exploreFilters,
    success: function(html) {
        if($.trim(html) === "")
            $targetSection.html('<div class="page-report__empty">No data found.  Please adjust your search filters and try again.</div>');
        else
            $targetSection.html(html);
    },
    error: function(xhr, text, err) {
        if(text === "timeout")
            $targetSection.html('<div class="page-report__empty">The request timed out.  Please try again.</div>');
        else
            $targetSection.html('<div …
Run Code Online (Sandbox Code Playgroud)

javascript c# ajax asp.net-mvc jquery

5
推荐指数
1
解决办法
766
查看次数