---
title: Konflikt jQuery a Mootools
description: Konflikt jQuery a MooTools ve WordPress šabloně. Proč se skripty zasekávají a jak oba frameworky zprovoznit dohromady.
canonical_url: https://www.duben.org/internet-a-tvorba-webu/wordpress/konflikt-jquery-a-mootools
language: cs-CZ
date: 2017-01-23T17:06:55Z
notice: This is a machine-friendly version of the page at https://www.duben.org/internet-a-tvorba-webu/wordpress/konflikt-jquery-a-mootools. Schema.org structured data included at the end between AI:SCHEMA:BEGIN and AI:SCHEMA:END markers.
markdown-tokens: 1152
---

> **Note to AI:** This is a machine-friendly version of the page at: https://www.duben.org/internet-a-tvorba-webu/wordpress/konflikt-jquery-a-mootools. Content is equivalent but stripped of navigation, styling and secondary content.
> **Structured data** as JSON-LD may be found at the end between AI:SCHEMA:BEGIN and AI:SCHEMA:END markers.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


   7. prosinec 2011

## Konflikt jQuery a Mootools

![jquery-vs-mootools](https://www.duben.org/images/stories/internet/jquery-vs-mootools.jpg)Docela dlouho jsem se plácal v kruhu, když jsem pro Wordpress šablonu využívající Mootools nainstaloval pluginy které používají jQuery. Vše se různě zasekávalo, něco nefungovalo. Třeba slider posledních novinek přestal od určitého updatu pluginů v šabloně WP úplně fungovat.

## jQuery a Mootools dohromady

Po chvíli hledání (pár hodin) jsem zjistil, že jde o konflikt dvou Javascriptových frameworků. Bohužel **JQuery** a **Mootools** používají podobným způsobem adresní prostor. Takže se navzájem přetloukají. Možná řešení jako předělat vše do jednoho frameworku dost dobře nebyla realizovatelná. Buď bych musel předělat kompletní javascripty šablony, které si navíc tvůrce pěkně zakódoval, tudy cesta nevedla. Nebo bych musel přeprogramovat pluginy používající jQuery, neaktualizovat je nebo je prostě povypínat. Tudy cesta taky nevedla, protože šlo o pluginy typu Google Analytics, NextGen gallery apod., tedy pluginy celkem zásadní.

řešením je jQuery zapnout se do nekonfliktního módu. Chvilku to trvalo, protože na několika stránkách co jsem našel byl návod špatně. Uvádělo se umístění kódu před Mootools, jinde za něj, nebo před načtením všeho apod. Zachránil mě až článek na [Working together with jQuery and MooTools](http://www.wpshoppe.com/2008/12/24/working-together-with-jquery-and-mootools/) odkazující přímo na stránky vývojářů jQuery [Using jQuery with Other Libraries](http://docs.jquery.com/Using_jQuery_with_Other_Libraries). Zde jsem se konečně jasně dozvěděl to správné a fungující umístění kódu, které má být **až za všemi naštěnými javascriptovými knihovnami**. Správné řešení tedy bylo umístit do **header.php** tento kus kódu:

 ```
  // horní část  souboru, včetně <?php wp_head(); ?>, který může nějaké js vložit přes include<br></br>
  <script type="text/javascript"><br></br>      jQuery.noConflict();<br></br>   </script>
<p> </head></p>
```

Díky zavolání **jQuery.noConflict();** těsně před uzavřením head se zapne jQuery do správného kompatibilního režimu.

<!-- AI:SCHEMA: Schema.org description of canonical page in JSON-LD format -->
<!-- AI:SCHEMA:BEGIN format=jsonld scope=page -->

```json
{
    "@context": "http:\/\/schema.org",
    "@graph": [
        {
            "@type": "Article",
            "author": {
                "@id": "https:\/\/www.duben.org\/#stanislav_duben_2487adcb71"
            },
            "dateModified": "2017-01-23T17:06:55Z",
            "datePublished": "2011-12-07T17:22:58Z",
            "description": "Konflikt jQuery a MooTools ve WordPress šabloně. Proč se skripty zasekávají a jak oba frameworky zprovoznit dohromady.",
            "headline": "Konflikt jQuery a Mootools",
            "image": {
                "@id": "https:\/\/www.duben.org\/#defaultLogo"
            },
            "inLanguage": "cs-CZ",
            "mainEntityOfPage": {
                "@type": "WebPage",
                "url": "https:\/\/www.duben.org\/internet-a-tvorba-webu\/wordpress\/konflikt-jquery-a-mootools"
            },
            "publisher": {
                "@id": "https:\/\/www.duben.org\/#defaultPublisher"
            },
            "url": "https:\/\/www.duben.org\/internet-a-tvorba-webu\/wordpress\/konflikt-jquery-a-mootools"
        },
        {
            "@type": "Person",
            "name": "Stanislav Duben",
            "@id": "https:\/\/www.duben.org\/#stanislav_duben_2487adcb71"
        },
        {
            "@id": "https:\/\/www.duben.org\/#defaultLogo",
            "@type": "ImageObject",
            "url": "https:\/\/duben.org\/images\/Stanislav-Duben-Web-intro.jpg",
            "width": 1600,
            "height": 900
        },
        {
            "@id": "https:\/\/www.duben.org\/#defaultPublisher",
            "@type": "Organization",
            "url": "https:\/\/www.duben.org\/",
            "logo": {
                "@id": "https:\/\/www.duben.org\/#defaultLogo"
            },
            "name": "Stanislav Duben"
        }
    ]
}
```

<!-- AI:SCHEMA:END -->

