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>
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");
},
});
});
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>
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.