Magento zeigt, jQuery Konflikt mit einander

Ich bin ziemlich Neuling auf Magento. Ich habe verwendet, banner rotaor Skript zu zeigen banner. Als ich hatte, um zu zeigen, banner auf jeder Seite thats, warum ich umgesetzt haben, ist der regler in header.phtml - Datei, so dass ich zeigen kann der banner auf jeder Seite. Also im header.phtml mein slider code ist so etwas wie das

    <script language="javascript">
         jQuery.noConflict();
        jQuery(document).ready(function(){
          bannerRotator('#bannerRotator', 500, 5000, true);
        });
      </script>
<div id="bannerRotator">
  <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('homepageslider')->toHtml(); ?>
</div>

hier der regler arbeitet auch, aber als ich sah das console tab im firefox bekam ich einige Fehler.Hier ist das Bild für die Registerkarte "console" - Fehler.
Magento zeigt, jQuery Konflikt mit einander
Zu lösen alle Probleme, die ich gegoogelt und kam zu wissen, dass jQuery-Konflikt. So klar, dass ich verwendet jQuery.noConflict und auch alle entfernt $ in jQuery. Aber ich bin noch immer dasselbe problem. Jede Hilfe und Anregungen wirklich bemerkenswert. Dank

Live-Website gefunden werden kann hier

InformationsquelleAutor NewUser | 2013-02-05

2

Gehören die jquery.noConflict in der app/design/frontend/default/[theme-name]/template/page/html/head.phtml Datei.

Sie möchten, fügen Sie diese direkt nach Sie zählen jquery, und direkt vor der getCssJsHtml()

Ging ich einen Schritt weiter in meiner Implementierung und nannte es ein $j var, aber Sie können das tun, oder einfach nur jquery implementieren.noConflict();

Wenn Sie mit einem var $j, alle Ihre jQuery-Aufrufe wäre mit diesem Objekt.

Habe ich dieses:
```
!-- adding jQuery -->
<script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
     var $j = jQuery.noConflict();
//]]>
</script>


<?php echo $this->getCssJsHtml() ?>
```
in Ihrem Kopf.phtml Sie müssen rufen Sie Ihren regler, wie diesen:
```
<script language="javascript">
$j(document).ready(function(){
          bannerRotator('#bannerRotator', 500, 5000, true);
        });
</script>
```
- danke für die Antwort. Ich kam durch dein Beispiel-code. Aber da bin ich mit decostore Thema das ist, warum ich bin mit ein bisschen Probleme, diese zu lösen. Hier bin ich vor einem problem. Mein code für den Kopf.phtml-Datei sieht folgendermaßen aus pastebin.com/6AVG2rGy So können Sie bitte mir sagen, wo die Dateien?
- Sie müssen auch aufpassen, auf das unten genannte Problem, Sie sind wie jQuery zweimal 🙂
InformationsquelleAutor Roy Hayward
1

Haben Sie zwei Probleme.

1)

Sind Sie wie jQuery zweimal. Sie haben jquery.js (1.7.1) enthalten ist, und auch jquery-1.4.4.min.js enthalten sind weiter unten.
Dies verursacht die Probleme sehen.

Suche Projekt für den string 'jquery-1.4.4.min.js' und Sie werden wahrscheinlich feststellen, eine exntry in einer XML-config-Datei, versuchen Sie, kommentieren Sie diese aus..

Möglicherweise zwei Module sind sowohl das hinzufügen von jquery über den Magento XML-Konfiguration.
Entfernen eines dieser Einträge in den Modulen XML-config-Dateien und die Probleme sollten verschwinden. Ich würde empfehlen, das entfernen jquery-1.4.4.min.js als dieser enthalten ist, nachdem die meisten anderen jquery-plugins, die verursachen noch mehr Probleme.

2)

jQuery.noConflict() aufgerufen wird, nachdem jquery verwendet wurde. Wie oben angedeutet der beste Weg, um arounf dies ist zu öffnen Sie Ihr jquery.js Datei, und fügen Sie diese am Ende der Datei:
;jQuery.noConflict();

InformationsquelleAutor Andrew
0

Müssen Sie jQuery.noConflict(); zum Ende Ihrer jquery.js Skript-Datei und nicht außerhalb davon, wie es sein muss aufgerufen werden, bevor prototype.js Skript wird mitgeliefert.
- danke @Domen Vrankar für die Antwort. Aber können Sie mir sagen, wo genau muss ich das mit jQuery.noConflict()? Als ich bin ziemlich Neuling auf magento ich bin verwirrt...
- Öffnen jquery.js Datei. Gehen Sie an das Ende der letzten Zeile und einfügen mit jQuery.noConflict(); da.
- Ja, ich habe das, was Sie gesagt haben, aber ich bin noch immer das gleiche problem.. 🙁
InformationsquelleAutor Domen Vrankar
0

Könnten Sie dieses Magento-Modul: https://github.com/sotastudio/Mage.Ext.Jquery

Es nur eine Reorganisation der Einbindung von JavaScript-Zeug und setzt jQuery direkt an die erste position. Darüber Hinaus können Sie leicht Feuer jQuery-Sachen in diesem snippet:
```
(function($) {
  $(function() {
    //console.log($('body'));
  });
})(jQuery);
```
InformationsquelleAutor Andy
0

Ist der beste Weg, um Konflikte in meiner Erfahrung ist wie folgt:
- Entfernen 1-version des jQuery - Sie haben 2 installiert. In der Regel die neuesten
  man sollte kompatibel mit allen plugins.
- Bearbeiten Sie Ihre jQuery-Datei, und stellen, zum Beispiel: jquery-1.7.1-custom.js
  - hinzufügen jQuery.noConflict(); am Ende der Datei.
- Was Sie tut, richtig ist - verwenden Sie nicht das $ - Zeichen, benutzen Sie einfach die
  jQuery-Präfix für alles.
- Die meisten wichtig in Ihrem Fall. Stellen Sie sicher, dass Ihre Dateien geladen werden, in dieser Reihenfolge:
  - Prototyp
  - jQuery (custom)
  - jQuery-plugins
InformationsquelleAutor Francis Kim

Ihr Hauptproblem ist, dass du bist wie jquery vor prototype (view page source)

 <script type="text/javascript" src="..../js/jquery/jquery.js"></script>
 <script type="text/javascript" src="..../js/prototype/prototype.js"></script>

Müssen Sie es ändern, um

 <script type="text/javascript" src=".../js/prototype/prototype.js"></script>
 <script type="text/javascript" src=".../js/jquery/jquery.js"></script>
 //best to add  jQuery noConflict right after

Festen dieser offenen

/design/frontend/default/[theme]/layout/page.xml

oder (wenn jquery nicht gefunden oben)

/app/design/frontend/default/[theme]/template/page/html/head.phtml

Ihre page.xml Aussehen sollte

<default translate="label" module="page">
    ......
        <block type="page/html_head" name="head" as="head">
            <action method="addJs"><script>prototype/prototype.js</script></action>
            <action method="addJs"><script>lib/ccard.js</script></action>
            <action method="addJs"><script>prototype/validation.js</script></action>
            <action method="addJs"><script>scriptaculous/builder.js</script></action>
            ......
            <action method="addJs"><script>mage/translate.js</script></action>
            <action method="addJs"><script>mage/cookies.js</script></action>


            <action method="addItem"><type>skin_js</type><name>js/jquery-1.7.2.min.js</name></action>
            <action method="addItem"><type>skin_js</type><name>js/jquery.noconflict.js</name></action>
            <action method="addItem"><type>skin_js</type><name>js/jqforms/jquery.jqtransform.js</name></action>
           <!- all other jquery plugin below -->
   .....

Erstellen Sie eine Datei aufrufen jquery.noconflict.js und fügen Sie

 var $j = jQuery.noConflict(); //you could also add this  to the end of jquery-1.7.2.min.js

In Ihrer benutzerdefinierten jquery-code, die Sie verwenden KÖNNEN $... mehr (die Nutzung durch prototypeJs) Sie müssen entweder $j... oder jQuery...

Dann entfernen

  <script src="http://modulesoft.biz:/projects/magento/extream/skin/frontend/base/default/js/jquery-1.4.4.min.js"></script>

InformationsquelleAutor Renon Stewart

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.