[niklas_SWED]

Har ett problem med en sida jag utvecklar där jag försöker köra följande:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready( function(){
$('#auto').load('messages.php');
refresh();
});

function refresh()
{
setTimeout( function() {
$('#auto').load('messages.php');
refresh();
}, 2000);
}
</script>


Problemet är att ovanstående "jquery.min.js" går i konflikt med "jquery.colorbox.min.js". Båda går alltså inte att köra samtidigt på sidan.

Jag är ingen höjdare på js, men har någon nåt tips på vad jag kan göra/börja någonstans?

[allstars]

jquery.colorbox har ett beroende till jquery då det är ett plugin.

Vad är det som orsakar felet exakt?

Jag ser inte att colorbox används alls i detta fallet.

Gällande funktionerna ovan hade jag nog gjort så här:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var _t;
$(document).ready( function(){
	loadMessages();	
	initLoadMessages();
});

function initLoadMessages()
{
	_t = setInterval( function() {loadMessages()}, 2000);
}

function stopLoadMessages()
{
	clearInterval(_t);
}

function loadMessages()
{
	$('#auto').load('messages.php');
}
</script>

[niklas_SWED]

Tack för svar!

Ska prova ditt sätt och se om det hjälper något.
Ang. colorbox så används den på sidan för att öppna upp popup fönster för att visa ex. medlemsbilder.

Så fort jag inkluderar jquery.min.js så slutar popup fönstret att fungera. Dock öppnar sig fönstret, men bläddring funktionen och bildvisning blir utslagen.

Ursprungligen postat av allstars

jquery.colorbox har ett beroende till jquery då det är ett plugin.

Vad är det som orsakar felet exakt?

Jag ser inte att colorbox används alls i detta fallet.

Gällande funktionerna ovan hade jag nog gjort så här:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var _t;
$(document).ready( function(){
	loadMessages();	
	initLoadMessages();
});

function initLoadMessages()
{
	_t = setInterval( function() {loadMessages()}, 2000);
}

function stopLoadMessages()
{
	clearInterval(_t);
}

function loadMessages()
{
	$('#auto').load('messages.php');
}
</script>

[Stefan Johansson]

Det är inte så att Colorbox slutar fungera för att den version du använder är för gammal, d.v.s. att den inte är kompatibel med den version av jQuery som du använder?

[allstars]

Eller att du redan inkluderar jquery på sidan?!

[Tsarraz]

Prova byta plats på jquery.min och colorbox.min
så de anropas i rätt ordning

[niklas_SWED]

Tack Tsarraz!

Platsbytet fick det att fungera.

Ursprungligen postat av Tsarraz

Prova byta plats på jquery.min och colorbox.min
så de anropas i rätt ordning

[niklas_SWED]

Är det någon fördel att använda din lösning istället för den jag hade tidigare?

Den ska genom message.php se om några nya meddelanden finns för en medlem som är inloggad på sidan.

Ursprungligen postat av allstars

jquery.colorbox har ett beroende till jquery då det är ett plugin.

Vad är det som orsakar felet exakt?

Jag ser inte att colorbox används alls i detta fallet.

Gällande funktionerna ovan hade jag nog gjort så här:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var _t;
$(document).ready( function(){
	loadMessages();	
	initLoadMessages();
});

function initLoadMessages()
{
	_t = setInterval( function() {loadMessages()}, 2000);
}

function stopLoadMessages()
{
	clearInterval(_t);
}

function loadMessages()
{
	$('#auto').load('messages.php');
}
</script>

[allstars]

Min lösning ger bättre styrning, t ex om du tillfälligt vill stänga av uppdateringen och sedan sätta igång den igen.