Search jQuery

jQuery Forum

Using jQuery

Mireliria

jquery $.get switch doesn't work

in Using jQuery • 9 years ago

<ul>

<li><a href="http://www.home.fr/">Accueil</a></li>

<li><a href="index.html?page=1" >E-books</a></li>

<li><a href="index.html?page=2" >Boutique</a></li>

<li><a href="index.html?page=3" >Forum</a></li>

<li><a href="index.html?page=4" >A propos</a></li>

</ul>

var page;

$.get("page", function (data){

$('#result').load($.this).attr("href")

switch((page){

case 1: $('#result').load("page/morning.html");

break;

case 2:

$('#result').load("page/hi.php");

break;

case 3:

$('#result').load("page/cool.html");

break;

case 4:

$('#result').load("page/quick.php");

break;

default:

$('#result').("home/hello.html");

return false;

}

})

</script>

</div>

HELP !!

PLEASE GIVE ME THE SOLUTION WITH THA SWITCH IN only HTML. Thank you

Replies(2)

try_world

Re: jquery $.get switch doesn't work

9 years ago

Hello,

The brackets are not closed!

And the objects are not defined!

   <ul>
<li><a href="http://www.home.fr/">Accueil</a></li>
<li><a href="index.html?page=1" >E-books</a></li>
<li><a href="index.html?page=2" >Boutique</a></li>
<li><a href="index.html?page=3" >Forum</a></li>
<li><a href="index.html?page=4" >A propos</a></li>
<li><a href="modules/alert.html" >Test</a></li>
</ul>
<div id="result">
   <script type="text/javascript">
var page;
$.get("page", function (data){
$('#result').load($(this).attr("href"),function(page){
                  switch((page){
case 1: $('#result').load("page/morning.html");
break;
case 2:
$('#result').load("page/hi.php");
break;
case 3:
$('#result').load("page/cool.html");
break;
case 4:
$('#result').load("page/quick.php");
break;
default:
$('#result').("home/hello.html");
return false;
}
}
})
</script>
</div>

kbwood.au

Re: jquery $.get switch doesn't work

9 years ago

Your script doesn't make sense. You are retrieving 'page', and then loading #result from the href (presumably a clicked link, but it wouldn't be at this point in the code), and based on the result of that loading #result again with another page! Can't you just load the final page directly? Something like this:

<script type="text/javascript">
$(function() {
$('ul a').click(function() {
$('#result').load($(this).attr('href'));
return false;
});
});
</script>
<ul>
<li><a href="http://www.home.fr/">Accueil</a></li>
<li><a href="page/morning.html">E-books</a></li>
<li><a href="page/hi.php">Boutique</a></li>
<li><a href="page/cool.html">Forum</a></li>
<li><a href="page/quick.php">A propos</a></li>
<li><a href="modules/alert.html">Test</a></li>
</ul>
<div id="result"></div>

Top Reply

Response title

Attachments

jQuery Forum

jquery $.get switch doesn't work

Replies(2)

Re: jquery $.get switch doesn't work

Re: jquery $.get switch doesn't work

Statistics

Tags

Actions