Ich habe ein Problem mit folgenden Codes. Es gibt kein Problem mit Chrome, Firefox und Opera. Aber es zeigt nichts auf Maxthon Browser, einige mobile und TV-Browser. Ich habe diesen Fehler in der Konsole von Maxthon Browser: Uncaught Syntaxerror: Unexpected token =Uncaught SyntaxError: Unerwartetes Token - Fehler in einigen Browsern
Meine Codes sind hier:
<div class="SerieSeaons">
<div class="seasons-link filters-button-group">
<?php $s= 1; foreach ($seasons as $season) {
?>
<a class="seasonlink <?php if($s == 1) { echo 'active'; } else { echo 'notloaded'; }?>" href="JavaScript:void(0);"
data-filter=".<?php echo $season->slug; ?>"><?php echo $season->name; ?></a>
<?php $s++; } ?>
</div>
<div class="el-item title sort-by-button-group button-group">
<div class="sortitem status" data-sort-value="status">Watched</div>
<div class="season-name">Season</div>
<div class="sortitem episode-name hidden-xs" data-sort-value="episodename">Episode</div>
<div class="sortitem e-name" data-sort-value="ename">Episode Name</div>
<div class="sortitem date hidden-xs" data-sort-value="date">Air Date</div>
</div>
<div class="psscroll" style="height:100%">
<div class="all-seriespart">
<div class="asisotope" id="rp_<?php echo esc_attr($rp_id); ?>"></div>
</div>
</div>
</div>
JavaScript:
jQuery.noConflict();
jQuery(document).ready(function ($) {
"use strict";
var open_category = ".<?php echo $seasons[0]->slug;?>";
function get_blog_posts(this_obj = "<?php echo $seasons[0]->slug;?>") {
$.ajax({
type: "POST",
url: mixajaxurl,
data: "action=get_series_episodes&category="+ this_obj,
success: function (result) {
var $newItems = $(result);
$("#rp_<?php echo esc_js($rp_id); ?>").isotope('insert', $newItems, function() {
$("#rp_<?php echo esc_js($rp_id); ?>").ready(function() {
$("#rp_<?php echo esc_js($rp_id); ?>").isotope('layout');
});
$("#rp_<?php echo esc_js($rp_id); ?>").isotope('layout');
$("#rp_<?php echo esc_js($rp_id); ?>").isotope({
getSortData: {
status: '[data-watched]',
episodename: function(itemElem) {
var weight = jQuery(itemElem).find('.dataepisode').text();
return parseFloat(weight.replace(/[\(\)]/g, ''));
},
ename: '.e-name',
date: '.date'
}
});
$(window).trigger('resize');
});
$("#rp_<?php echo esc_js($rp_id); ?>").removeClass('loading');
}
});
}
function watch_alls(cat_slug = "<?php echo $seasons[0]->slug;?>") {
$.ajax({
type: "POST",
url: mixajaxurl,
data: "action=watch_to_all&category="+ cat_slug,
success: function (result) {
$('.watchallwrap').html(result)
}
});
}
var filterFns = {
ium: function() {
var name = jQuery(this).find('.name').text();
return name.match(/iumjQuery/);
}
};
$(".seasons-link").on("click",".notloaded", function(){
$("#rp_<?php echo esc_js($rp_id); ?>").addClass('loading');
open_category = $(this).data('filter');
get_blog_posts(open_category);
watch_alls(open_category);
$(window).trigger('resize');
var filterValue = jQuery(this).attr('data-filter');
filterValue = filterFns[filterValue] || filterValue;
$('.asisotope').isotope({
itemSelector: '.ajax_post',
layoutMode: 'fitRows',
filter: filterValue
});
jQuery(this).removeClass('notloaded');
return false;
});
jQuery('.seasons-link').each(function (i, buttonGroup) {
var jQuerybuttonGroup = jQuery(buttonGroup);
jQuerybuttonGroup.on('click', 'a', function() {
jQuerybuttonGroup.find('.active').removeClass('active');
$(this).addClass('active');
$('.psscroll').scrollTop(0);
$('.psscroll').perfectScrollbar('update');
});
});
$(window).load(function() {
$("#rp_<?php echo esc_js($rp_id); ?>").addClass('loading');
get_blog_posts();
watch_alls("<?php echo $seasons[0]->slug;?>");
$('.asisotope').isotope({
itemSelector: '.ajax_post',
layoutMode: 'fitRows'
});
function watchblog() {
$(".asisotope").isotope({
itemSelector: '.ajax_post',
layoutMode: 'fitRows'
});
}
setInterval(watchblog, 100);
});
});
Was ist die Lösung? Oder, wie muss ich die Codes ändern? Es tut mir leid, aber ich habe kein Wissen über Ajax und jQuery. – Yearmaz
Es hat absolut nichts mit Ajax oder jQuery zu tun. Ich habe die Antwort bearbeitet, um ein Beispiel aus dem angegebenen Link hinzuzufügen. – Prinzhorn