jQuery IE 8 zeigen/verstecken funktioniert nicht

Ich habe die Frage, warum diese Arbeit in IE 8jQuery IE 8 zeigen/verstecken funktioniert nicht

$(function() { 
    $('.title .hide').showContent(); 
}); 

$.fn.showContent = function() { 
    return this.each(function() { 
     var box = $(this); 
     var content = $(this).parent().next('.content'); 

     box.toggle(function() { 
      content.slideUp(500); 
      $(this).css('background-position', 'right bottom'); 
     }, function() { 
      content.slideDown(500); 
      $(this).css('background-position', 'right top'); 
     }); 

    }); 
};

Und das funktioniert nicht?

$(function() { 
    $('.title .hide.show').hideContent(); 
}); 

$.fn.hideContent = function() { 
    return this.each(function() { 
     var box = $(this); 
     var content = $(this).parent().next('.content'); 

     box.toggle(function() { 
      content.slideDown(500); 
      $(this).css('background-position', 'right top'); 
     }, function() { 
      content.slideUp(500); 
      $(this).css('background-position', 'right bottom'); 
     }); 

    }); 
};

ich die beiden Optionen arbeiten wollen, aber ich weiß nicht, warum die zweite in IE funktioniert nicht 8, ich hoffe somewone mir helfen kann.

Quelle

2012-04-07 Maanstraat

Ist es möglich, dass die beiden Funktionen miteinander stören? Sie nennen 'showContent()' für alle Elemente, die Sie 'hideContent()' nennen, was passiert, wenn Sie die Elemente mit eindeutigen Klassen identifizieren? –

Nein ich habe und und ändere die js in .title .hide und .title .show aber immer noch kein Glück ... – Maanstraat

Kannst du ein [ jsFiddle] (http://jsfiddle.net) Demonstration des Problems? –

JQuery in Funktionen wie verstecken gebaut hat() und show().
Probieren Sie sie aus.
Beispiel: $('input#id').hide();
Auch die Verwendung von Klassenselektoren ist keine gute Idee, da die Leistung beeinträchtigt wird.
versuchen Sie es mit IDs.

Quelle

2012-04-08 05:42:23

-1

Es sieht so aus, als ob Sie hideContent() nur für ein Element mit einer Klasse von show aufrufen, die sich in einer Klasse von hide befindet, die in einer Klasse von Titel ist. .hide.show sind zwei verschiedene Klassen, die verschachtelt sind.

.title .Hide .show

jQuery ist in einem .title

für ein Element mit .show in einem .Hide suchen Wenn Sie die zweite Zeile von hideContent Makeln als replace() mit:

$('.title .show').hideContent(); 
$('.title .hide').hideContent();

Quelle

2012-04-07 20:16:30 4WebDev

Ahh oke, damit dies nicht funktioniert: um ein Element auszublenden? – Maanstraat

Das ist nicht korrekt. Der jQuery-Selektor sucht nach einem Element mit den Klassen 'show' und' hide', die sich innerhalb eines Elements mit der Klasse 'title' befinden. –

Ich habe es geändert, aber es funktioniert immer noch in IE 8 ... Das Anzeigen und Ausblenden funktioniert, aber das Verbergen und Anzeigen funktioniert nicht. – Maanstraat

wenn Sie jquery verwenden dann unter Javascript verwenden, es für Sie

jQuery(this).hide(); 
jQuery(this).show();

Quelle

2013-09-17 07:30:11 manikandan

nützlich sein könnte, ich denke, es einen Fehler in IE8/jQ ist. Versuch:

$(id_to_hide).css("display", "none"); 
$(id_to_show).css("display", "inline-block");

Quelle

2013-12-13 08:49:46

jQuery IE 8 zeigen/verstecken funktioniert nicht

Antwort

Verwandte Themen