[PHP]konflikt bibliotek Opcje

[dentopolis]

korzystam z dwóch skryptów: datatables do tworzenia automatycznie sortowanej tabeli i jquery datepicker. działa albo jeden albo drugi skrypt gdy wyrzucę jedną z tych linii (jedna należy do jednego, druga do drugiego skryptu).

[PHP] pobierz, plaintext 
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
[PHP] pobierz, plaintext 

i

[PHP] pobierz, plaintext 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
[PHP] pobierz, plaintext 

jak to poprawić?

Ten post edytował dentopolis 30.05.2017, 20:48:24

[Pyton_000]

Po pierwszym dołączeniu jQuery dodajesz coś w ten deseń:

Kod

$.noConflict();
jQuery( document ).ready(function( $ ) {
  // Kod który używa tego pierwszego jQuery
});

// Dodanie kolejnego jQuery i dalej już normalnie.

[dentopolis]

niestety nadal nie działa: (wyciąłem poniżej większą część skryptu jquery.min.js żeby forum pozwoliło wrzucić tak długi kod)

próbowałem też wstawić zamiast dwóch wersji jquery.js - jedną najnowszą wersję ale też nie działa.

[PHP] pobierz, plaintext 
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
	/*!
 * jQuery JavaScript Library v1.5.2
 * <a href="http://jquery.com/" target="_blank">http://jquery.com/</a>
 *
 * Copyright 2011, John Resig
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * <a href="http://jquery.org/license" target="_blank">http://jquery.org/license</a>
 *
 * Includes Sizzle.js
 * <a href="http://sizzlejs.com/" target="_blank">http://sizzlejs.com/</a>
 * Copyright 2011, The Dojo Foundation
 * Released under the MIT, BSD, and GPL Licenses.
 *
 * Date: Thu Mar 31 15:28:23 2011 -0400
 */
(function(a,b){function ci(a){return d.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cf(a){if(!b_[a]){var b=d("<"+a+">").appendTo("body"),c=b.css("display");b.remove();if(c==="none"||c==="")c="block";b_[a]=c}return b_[a]}function ce(a,b){var c={};d.each(cd.concat.apply([],cd.slice(0,b)),function(){c[this]=a});return c}function b$(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function bZ(){try{return new a.XMLHttpRequest}catch(b){}}function bY(){d(a).unload(function(){for(var a in bW)bW[a](0,1)})}function bS(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var e=a.dataTypes,f={},g,h,i=e.length,j,k=e[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h==="string"&&(f[h.toLowerCase()]=a.converters[h]);l=k,k=e[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=f[m]||f["* "+k];if(!n){p=b;for(o in f){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=f[j[1]+" "+k];if(p){o=f[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&d.error("No conversion from "+m.replace(" "," to ")),n!==!0&&{if(d.isArray(b)&&b.length)d.each(b,function(b,f){c||bs.test(a)?e(a,f):bQ(a+"["+(typeof f==="object"||d.isArray(f)?b:"")+"]",f,c,e)});else if(c||b==null||typeof b!=="object")e(a,b);else if(d.isArray(b)||d.isEmptyObject(b))e(a,"");else for(var f in b)bQ(a+"["+f+"]",b[f],c,e)}function bP(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bJ,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l==="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bP(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bP(a,c,d,e,"*",g));return l}function bO(a){return function(b,c){typeof b!=="string"&&(c=b,b="*");if(d.isFunction(c)){var e=b.toLowerCase().split(bD),f=0,g=e.length,h,i,j;for(;f<g;f++)h=e[f],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bq(a,b,c){var e=b==="width"?bk:bl,f=b==="width"?a.offsetWidth:a.offsetHeight;if(c==="border")return f;d.each(e,function(){c||(f-=parseFloat(d.css(a,"padding"+this))||0),c==="margin"?f+=parseFloat(d.css(a,"margin"+this))||0:f-=parseFloat(d.css(a,"border"+this+"Width"))||0});return f}function bc(a,b){b.src?d.ajax({url:b.src,async:!1,dataType:"script"}):d.globalEval(b.text||b.textContent||b.innerHTML||""),b.parentNode&&b.parentNode.removeChild(b)}function bb(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function ba(a,b){if(b.nodeType===1){var c=b.nodeName.toLowerCase();b.clearAttributes(),b.mergeAttributes(a);if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&;j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(r(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);
 
</script>
[PHP] pobierz, plaintext 

[viking]

Oba skrypty wymagają jquery > 1.7 więc jaki masz problem? Zapewne nie to jquery usunąłeś. Zostaw 1.12 i powinno działać.

[dentopolis]

próbowałem zostawić jquery 1.12 ale nic z tego.

[PHP] pobierz, plaintext 
<!-- start bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- end bootstrap -->
 
<!-- datatables -->
<link rel="stylesheet" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"> 
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css">
<script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>   
<!-- datatables -->
 
<script type="text/javascript" class="init">
$(document).ready(function() {
	$('#wszyscy').DataTable( {
        "order": [[ 0, "desc" ]]
    } );
} );
<!-- start datepicker -->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>  
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>  to jest zalecany jquery-->
<script src="//code.jquery.com/jquery-1.12.4.js"></script> <!-- tu ponownie go wrzuciłem 1.12 choć pewnie niepotrzebnie -->
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
       $(function() {
               $(".datepicker").datepicker({
				   dateFormat: "dd-mm-yy",
				   dayNamesMin: [ "nd", "pn", "wt", "śr", "cz", "pt", "sb" ],
				   monthNames: [ "Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień" ],
				   firstDay: 1 }).val()
       });
</script>
<!-- koniec datepicker -->
[PHP] pobierz, plaintext 

[viking]

Masz 3x dołączane to samo. Zostaw tylko w linii 8.

[dentopolis]

skasowałem linię 24 i 25 zostawiając 8, działa datatables ale nie datepicker.

[viking]

Konkretnie z jakim błędem w konsoli?

[dentopolis]

Error: Bootstrap's JavaScript requires jQuery bootstrap.min.js:6:37
TypeError: a is undefined[Learn More] tinymce.min.js:32:1970
TypeError: $.browser is undefined[Learn More] jquery-ui.min.js:5:157932

[viking]

jquery ma być przed bootstrapem

[dentopolis]

okay..zniknął pierwszy błąd.teraz mam:
TypeError: a is undefined[Learn More] tinymce.min.js:32:1970
TypeError: $.browser is undefined[Learn More] jquery-ui.min.js:5:157932

[viking]

Ogarnij ten bałagan to będzie działać. Dołączasz jakiegoś starocia jquery-ui sprzed 5 lat. Aktualna wersja to 1.12.1