平板电脑版上的Chrome浏览器上未显示数据 [英] Data not shown on chrome browser on tablet edition

问题描述

亲爱的朋友们，



今天我收到了一个奇怪的错误。我正在尝试使用mvc c＃在平板电脑上显示数据列表。



我有这个容器，我想加载数据。

Dear friends,

I got a weird bug today. I'm trying to show a list off data on a tablet with mvc c#.

I got this container where i want to load the data.

<div class="nav-table-container"></div>

用ajax加载数据

loading th data with ajax

$(".tabblad-container").click(function () {
    jQuery('.tabblad-container').removeClass("tabblad-container-active");
    jQuery(this).addClass("tabblad-container-active");

    var url = "Tabel/" + jQuery(this).attr("id");
    $("#loaderoverview").show();
    $.ajax({
        type: "GET",
        url: url,
        data: "",
        success: function (data) {
            $("#loaderoverview").hide();
            $(".nav-table-container").html(data);
        },
        error: function (xhr) {
            $("#loaderoverview").hide();
            alert("error");
        },
    });
});

数据是一个返回数据的partialView（测试）：

The data is a partialView which returns data(test):

<div class="table-responsive">
    <div class="Note-table">
            @for (int x = 0; x < 14; x++)
            {
                <div class="note-row">
                    <a>@Model.notitie</a>
                    <p>Gemaakt op @Model.datum door: @Model.gemaaktdoor</p>
                    <hr />
                </div>
            }
    </div>
</div>

在个人电脑版Chrome浏览器上显示的很好。已经测试了数据传递了几次，数据返回并显示在计算机和平板电脑上。



如果我直接导​​航到这个局部视图，一切都很好。

但是如果我从这个局部视图导航到平板电脑上的另一个局部视图，它没有向我显示数据（html代码显示源代码中的数据但不显示在屏幕上）。但只有一个没有数据的白色屏幕（当时数据来源）。



如果我删除Chrome浏览器中的任何css标签或旋转平板电脑数据是返回。

任何有同样问题且知道如何修复的人？



在Chrome桌面版上，evrything是oke。

On the pc version Chrome browser is showing evrything fine. Already tested the data passing serveral times and the data is returnd and shown on the computer and tablet.

If I directrly navigate from to this partialview everything is fine.
But if I navigate from this partial view to another partial view on the tablet it is not showing me the data (html code is showing the data in the source code but not onscreen). But only a white screen without the data (data is in source at that moment).

If i remove any css tags in chrome browser or rotate the tablet the data is back.
Anyone which had the same problem and know how to fix?

On the chrome desktop version evrything is oke.

推荐答案

（。tabblad-container）。click（function（）{
jQuery（'。tabblad-container'）。removeClass（tabblad-container- active）;
jQuery（this）.addClass（tabblad-container-active）;

var url =Tabel /+ jQuery（this）.attr（id ）;

(".tabblad-container").click(function () { jQuery('.tabblad-container').removeClass("tabblad-container-active"); jQuery(this).addClass("tabblad-container-active"); var url = "Tabel/" + jQuery(this).attr("id");

（＃loaderoverview）。show（）;

("#loaderoverview").show();

.ajax（{
type：GET，
url：url，
data：，
成功：函数（数据）{

.ajax({ type: "GET", url: url, data: "", success: function (data) {

这篇关于平板电脑版上的Chrome浏览器上未显示数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！