Hjælp - JavaScript (jQuery)

Tilmeldt 24. Aug 10

Indlæg ialt: 18

s-p Skrevet 30-05-2012 kl. 11:41

Hvor mange stjerner giver du? :

Hey Aminoer

Jeg er i gang med at oprette en lille mobilside med drink-opskrifter, men allerede tidligt i processen er der opstået et problem, jeg ikke helt kan gennemskue.

Det drejer sig om siden: lolmetre.com/barskabet/viewdrink.php

Når man går direkte ind på siden "viewdrink.php", så kører scriptet som det skal ($(document).ready kører), og viser/skjuler de elementer den skal.

Hvis man derimod går fra forsiden: lolmetre.com/barskabet/index.php , og via linket "top 10 drinks" går ind på viewdrink.php, så kører scriptet ikke, og både vurderinger samt opskrift vises ud i et.. Der kræves et refresh af siden for at scriptet kører.

Er der nogen, der har et bud på hvad der kan være galt?

På forhånd tak

Her er javascript-koden:

<script type="text/javascript">
	$(document).ready(function() {

	alert("loaded");

	$('#vurdering').hide();

	$('#opskriftbtn').click( function(){ $('#opskrift').show(); $('#vurdering').hide();} );
	$('#vurderingbtn').click( function(){ $('#opskrift').hide(); $('#vurdering').show(); } );
	});
	</script>

Fra Odense

Tilmeldt 4. Jun 06

Indlæg ialt: 953

Elias Sørensen Fra Veronté Skrevet 30-05-2012 kl. 11:48

Hvor mange stjerner giver du? :

Problemet er, at du ikke kan bruge document ready med jQuery Mobile, da den loader siderne anderledes.

Du skal i stedet attache en event handler til 'pageshow' eventet.

Det kan f.eks. se sådan ud:

$(function() {
$("div[data-role*='page']").live('pageshow', function(event, ui) {
var thisRootContent = $(this).children("div[data-role*='content']");
if (thisRootContent.is(".page-view-product")) {
// run this pages stuff here
} else if (thisRootContent.is(".page-contact")) {
// run this pages stuff here
}
});
});

Mvh., Elias Sørensen

Ved siden af mit arbejde som udvikler, sælger jeg også sokker på nettet :o)

Fra Viborg

Tilmeldt 5. Jun 10

Indlæg ialt: 1941

Tom Frank Christensen Fra Modified Solutions ApS Skrevet 30-05-2012 kl. 11:52

Hvor mange stjerner giver du? :

Hvorfor sætter du ikke bare din div id="vurdering" til display:none; og så bare sætter den til show når man klikker vurderingbtn

<div id="vurdering" style="width:80%; margin-left:auto; margin-right:auto;display:none;">

    
    <div id="vurdering" style="width:80%; margin-left:auto; margin-right:auto;">
        
        <p><b>Kommentar fra Bruger1</b></p>
        <textarea readonly="true">
        Det her er bare den bedste drink jeg nogensinde har smagt.
        </textarea>
        
        <p><b>Kommentar fra Bruger2</b></p>
        <textarea readonly="true">
        Den smager ikke godt.
        </textarea>
    </div>

Tilmeldt 24. Aug 10

Indlæg ialt: 18

s-p Skrevet 30-05-2012 kl. 12:07

Hvor mange stjerner giver du? :

Sådan der, så virker det! Smile

Tak for svarene