Tabula_Rasa
Mitglied
Hallo,
ich habe versucht eine Klasse mittels JQuery hinzuzufügen. Verkleinere ich den Browser so geschieht die Anpassung auf PC recht schnellt. Auf dem Handy dauert es einige Sekunden.
Warum dauert das auf dem Handy einige Sekunden bis die Klasse hinzugefügt wird und die Videos zentriert werden? Wie kann ich das beheben?
ich habe versucht eine Klasse mittels JQuery hinzuzufügen. Verkleinere ich den Browser so geschieht die Anpassung auf PC recht schnellt. Auf dem Handy dauert es einige Sekunden.
HTML:
<div class="row" style="margin-bottom: 100px;clear: both;">
@if (count($videos) > 0) @foreach ($videos as $video)
<div class="col-3 col-md-3 col-lg-4 col-xs-12" style="margin-bottom:8px;padding-top:10px;min-width: 240px;max-width:310px;" onmouseover="this.style.border='1px solid grey';" onmouseout="this.style.border='none';">
<img data-wert="https://www.youtube.com/embed/{{$video->embed_yt}}" src="{{$video->pic_path}}" style="width:100%;height:150px;min-width: 210px;" alt="time">
<br><br>
<h3>{{$video->title}}</h3>
<p style=" color: #bbbbbb;">{{$video->tag}}</p>
@if(!Auth::guest()) @if(Auth::user()->id == $video->user_id) {!!Form::open(['action' => ['VideosController@destroy', $video->id], 'method' => 'POST', 'class' => 'float-right'])!!} {{Form::hidden('_method', 'Delete')}} {{Form::submit('Delete', ['class'=>'btn
btn-danger'])}} {!!Form::close()!!}
<a type="button" class="btn" href="/videos/{{$video->id}}/edit" style="float:right;">Edit</a> @endif @endif
</div>
@endforeach
<script>
$( window ).resize(function() {
if($(window).width() <=768) $('.row').addClass("justify-content-center");
else $('.row').removeClass("justify-content-center");
});
</script>
Warum dauert das auf dem Handy einige Sekunden bis die Klasse hinzugefügt wird und die Videos zentriert werden? Wie kann ich das beheben?