[JavaScript]Konflikt biblioteki jQuery z byslidemenu-2.1.3.js ... Opcje

[Elber]

Witam, mam problem...mam slider w jQuery który działa ok i menu (byslidemenu) po lewej które działa tylko w momencie gdy załaduje w <script> biblioteki jQuery a jak jej nie załaduje to nie działa slider ... jak rozwiązać ten konflikt ? Tutaj link http://www.techos.pl/smolin/oferta.html

Konsola błędów pokazuje:
Uncaught TypeError: Object [object Object] has no method 'getElements' w http://www.techos.pl/smolin/js/byslidemenu-2.1.3.js w 37 linii

33: initialize: function(options) {
34: this.setOptions(options);
35:
36: var menu = $(this.options.container);
37: this.elements = menu.getElements(this.options.selector);
38: var elements_count = this.elements.length;

Ten post edytował Elber 24.01.2012, 20:28:44

[Necsord]

Troche lektury: http://api.jquery.com/jQuery.noConflict/

[HTML] pobierz, plaintext 
	<script type="text/javascript">
		var j = jQuery.noConflict();
		 j(document).ready(function(){
		 	j('.slider').carousel({});
		 });
	</script>
[HTML] pobierz, plaintext 

Drugim problemem u ciebie jest to, że w js/byslidemenu_demo.js masz:

[HTML] pobierz, plaintext 
window.addEvent('load', function(){
 
	/* Using skip class */
	new BySlideMenu({
		'container' : 'byslidemenu_skip',
		'vertical' : true,
		'compressSize' : 20,
		'defaultClass' : 'default'
	});
});
[HTML] pobierz, plaintext 

Obiekt o id "byslidemenu_skip" nie istnieje, z tego co się domyślam chciałeś tam wstawić "category", czyli podmień "byslidemenu_skip" na "category".

Ten post edytował Necsord 24.01.2012, 21:44:32

[Elber]

Czytałem o jQuery.noConflict i próbowałem wstawić ale robiłem to źle ... wstawiłem ale teraz wywala error do linijki 36:

Property '$' of object [object DOMWindow] is not a function

36: var menu = $(this.options.container);

Aj źle wstawiłem...teraz wstawiłem dobrze tak jak podałeś:

<script type="text/javascript">
var j = jQuery.noConflict();
j(document).ready(function(){
j('.slider').carousel({});
});
</script>

ale nie działa slider, za to menu działa

[Necsord]

jQuery ma teraz zajęty namespace "j" czyli poprawnie jest:

[HTML] pobierz, plaintext 
j(function(){
	j('.slider li').each(function() {
		   var $t = j(this);
		   var boxik1Width = $t.find('.boxik:eq(0)').width();
		   var boxik2Width = $t.find('.boxik:eq(1)').width();
		   var singleMargin = parseInt((900 - boxik1Width - boxik2Width) / 4);
		   $t.find('.boxik').css('margin','0 '+singleMargin+'px');
	});
});
[HTML] pobierz, plaintext 

w skrypcie od slider'a. ( Zamiast "$", "j". ) Jako ciekawostke zamiast zamiany wszystkich miejsc z $ na j można zrobić coś takiego:

[HTML] pobierz, plaintext 
(function($){
	$('.slider li').each(function() {
		   var $t = $(this);
		   var boxik1Width = $t.find('.boxik:eq(0)').width();
		   var boxik2Width = $t.find('.boxik:eq(1)').width();
		   var singleMargin = parseInt((900 - boxik1Width - boxik2Width) / 4);
		   $t.find('.boxik').css('margin','0 '+singleMargin+'px');
	});
})(j);
[HTML] pobierz, plaintext 

Czyli obszar funkcji posiada zmienną lokalną "$", do której przekazujesz "j" czyli jQuery.

PS. noConflict() stosujesz tylko raz na poczatku.

Ten post edytował Necsord 24.01.2012, 22:08:13

[Elber]

BAJER MONACHIUM :D Bardzo CI dziękuję za cierpliwość i nieocenioną pomooc

Aczkolwiek 2gi przykład coś nie zadziałał