Teknik, hosting & e-handelsløsninger

Svar: Hjælp - JavaScript (jQuery)

s-p — Wed, 30 May 2012 10:07:27 GMT

Sådan der, så virker det!

Tak for svarene

Svar: Hjælp - JavaScript (jQuery)

Tom Frank Christensen — Wed, 30 May 2012 09:52:04 GMT

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>

Svar: Hjælp - JavaScript (jQuery)

Elias Sørensen — Wed, 30 May 2012 09:48:39 GMT

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
}
});
});

Hjælp - JavaScript (jQuery)

s-p — Wed, 30 May 2012 09:41:14 GMT

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>