I'm trying to build tabbed panels where a user can retain at current tab after refresh, updates etc. So, I'm trying to apply this script to my web as a tabbed panel but can't figure out what causes the syntax error. I've been trying to solve the problem for days regarding tabs but can seem to solve it. Btw, I don't use cookies and jquery. I don't use cookies because my friends (my clients) don't use cookies on their terminals. second, I don't use jquery (even though it's better) I prefer php only. please help thank you.
<?php
$('ul.tabs').each(function(){
// For each set of tabs, we want to keep track of
// which tab is active and its associated content
var $active, $content, $links = $(this).find('a');
// If the location.hash matches one of the links, use that as the active tab.
// If no match is found, use the first link as the initial active tab.
$active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
$active.addClass('active');
$content = $($active[0].hash);
// Hide the remaining content
$links.not($active).each(function () {
$(this.hash).hide();
});
// Bind the click event handler
$(this).on('click', 'a', function(e){
// Make the old tab inactive.
$active.removeClass('active');
$content.hide();
// Update the variables with the new link and content
$active = $(this);
$content = $(this.hash);
// Make the tab active.
$active.addClass('active');
$content.show();
// Prevent the anchor's default click action
e.preventDefault();
});
}); ?>
<html>
<head>
</head>
<body>
<ul class='tabs'>
<li><a href='#tab1'>Tab 1</a></li>
<li><a href='#tab2'>Tab 2</a></li>
<li><a href='#tab3'>Tab 3</a></li>
</ul>
<div id='tab1'>
<p>Hi, this is the first tab.</p>
</div>
<div id='tab2'>
<p>This is the 2nd tab.</p>
</div>
<div id='tab3'>
<p>And this is the 3rd tab.</p>
</div>
</body>
</html>
I'm trying to build tabbed panels where a user can retain at current tab after refresh, updates etc. So, I'm trying to apply this script to my web as a tabbed panel but can't figure out what causes the syntax error. I've been trying to solve the problem for days regarding tabs but can seem to solve it. Btw, I don't use cookies and jquery. I don't use cookies because my friends (my clients) don't use cookies on their terminals. second, I don't use jquery (even though it's better) I prefer php only. please help thank you.
<?php
$('ul.tabs').each(function(){
// For each set of tabs, we want to keep track of
// which tab is active and its associated content
var $active, $content, $links = $(this).find('a');
// If the location.hash matches one of the links, use that as the active tab.
// If no match is found, use the first link as the initial active tab.
$active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
$active.addClass('active');
$content = $($active[0].hash);
// Hide the remaining content
$links.not($active).each(function () {
$(this.hash).hide();
});
// Bind the click event handler
$(this).on('click', 'a', function(e){
// Make the old tab inactive.
$active.removeClass('active');
$content.hide();
// Update the variables with the new link and content
$active = $(this);
$content = $(this.hash);
// Make the tab active.
$active.addClass('active');
$content.show();
// Prevent the anchor's default click action
e.preventDefault();
});
}); ?>
<html>
<head>
</head>
<body>
<ul class='tabs'>
<li><a href='#tab1'>Tab 1</a></li>
<li><a href='#tab2'>Tab 2</a></li>
<li><a href='#tab3'>Tab 3</a></li>
</ul>
<div id='tab1'>
<p>Hi, this is the first tab.</p>
</div>
<div id='tab2'>
<p>This is the 2nd tab.</p>
</div>
<div id='tab3'>
<p>And this is the 3rd tab.</p>
</div>
</body>
</html>
- 3 um, you're running JS inside PHP,. Hence, the error. Those are 2 different animals altogether. – Funk Forty Niner Commented Jan 2, 2016 at 3:56
-
3
want to see some magic? replace
<?phpwith<script>and?>with</script>;-) – Funk Forty Niner Commented Jan 2, 2016 at 3:57 - This is all jQuery. Right Ralph? @Fred-ii- – Jay Blanchard Commented Jan 2, 2016 at 4:01
- 1 Si signore Sam @JayBlanchard hey... what're you doing up at this houir? ah, a late night movie I'll bet. The one about where Wile E. gets the Road Runner? – Funk Forty Niner Commented Jan 2, 2016 at 4:03
- 10-4 Ralph! @Fred-ii- – Jay Blanchard Commented Jan 2, 2016 at 4:04
1 Answer
Reset to default 2You're using Javascript (jQuery to be precise) syntax inside PHP. Hence, the error.
syntax error, unexpected '(', expecting variable (T_VARIABLE) or '$'
- Those are 2 different animals altogether.
Replace <?php with <script> and ?> with </script> and your code will work.
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1744535960a4579431.html
评论列表（0条）