How can I use php inside a jquery function?

Question

With my code I can change my text by click:

$('.SeeMore').click(function(){
		var $this = $(this);
		$this.toggleClass('SeeMore');
		if($this.hasClass('SeeMore')){
			$this.text('+ more');			
		} else {
			$this.text('- less');
		}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="SeeMore" style="cursor:pointer">+ more</li>

This is working well so far. But because I have different language versions of my page I want to exchange the words with php:

   <script> 
       $('.SeeMore').click(function(){

        var more = <?php echo $lang['MORE']; ?>
        var less = <?php echo $lang['LESS']; ?>
        var $this = $(this);
        $this.toggleClass('SeeMore');
        if($this.hasClass('SeeMore')){
            $this.text(more);           
        } else {
            $this.text(less);
        }
    });</script>

Unfortunately now my code is not working anymore and I do not know why.

You need to use ", Ex: var more = "<?php echo $lang['MORE']; ?>" — Murad Hasan
– Murad Hasan, Commented Sep 21, 2016 at 8:39

Murad Hasan · Accepted Answer · 2016-09-21 08:52:58Z

2

There are two things that is missed by you-

 1. Semi-colon at the end of the statement.
 2. Double / single quotation around the PHP statement inside the jQuery.

You need to use ", Ex: var more = "<?php echo $lang['MORE']; ?>";

edited Sep 21, 2016 at 8:52

answered Sep 21, 2016 at 8:43

Murad Hasan

9,5932 gold badges23 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bart Friederichs · Accepted Answer · 2016-09-21 08:41:55Z

1

You forgot the semicolons and quotes:

var more = "<?php echo $lang['MORE']; ?>";
var less = "<?php echo $lang['LESS']; ?>";

writing code-generating-code is hard and can be confusing. Better use a decent template system (e.g. Smarty).

answered Sep 21, 2016 at 8:41

Bart Friederichs

33.8k16 gold badges112 silver badges219 bronze badges

Comments

GreyRoofPigeon · Accepted Answer · 2016-09-21 08:42:47Z

1

You are forgetting the quotes:

var more = "<?php echo $lang['MORE']; ?>";
var less = "<?php echo $lang['LESS']; ?>";

answered Sep 21, 2016 at 8:42

GreyRoofPigeon

18.1k5 gold badges39 silver badges60 bronze badges

Comments

madalinivascu · Accepted Answer · 2016-09-21 08:45:20Z

1

Use data attributes

html:

<li class="SeeMore" data-less="<?php echo $lang['LESS']; ?>" data-more="<?php echo $lang['MORE']; ?>" style="cursor:pointer">+ more</li>

js:

   $('.SeeMore').click(function(){

        var more = $(this).attr('data-more');
        var less = $(this).attr('data-less');
        var $this = $(this);
        $this.toggleClass('SeeMore');
        if($this.hasClass('SeeMore')){
            $this.text(more);           
        } else {
            $this.text(less);
        }
    });

PS: don't forget to wrap you click event in a document ready statement

answered Sep 21, 2016 at 8:45

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

Comments

Juan J · Accepted Answer · 2018-09-06 08:37:08Z

1

You can use your php variables inside jquery with the following code:

token = "<?php echo $_SESSION['token']; ?>"

answered Sep 6, 2018 at 8:37

Juan J

4236 silver badges12 bronze badges

Comments

cihankaba · Accepted Answer · 2024-02-16 15:00:59Z

0

use this.

var more = <?php echo json_encode($mymore); ?>;

answered Feb 16, 2024 at 15:00

cihankaba

151 silver badge8 bronze badges

Collectives™ on Stack Overflow

How can I use php inside a jquery function?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related