Question

I’m working on a project that uses jQuery modals that dynamically load their content on a button click.

I am having an issue using this loaded content like I would normally.

Here is an example of my problem

<script type="text/javascript>
    click function{
        load modal{
            open: $('#modalID').load('phpfile.php?id=<?php echo $id ?>');
    }
</script>

That all works fine, but when trying to use jQuery within the “phpfile.php” is where the problem lies

<?php
$id = $_GET['id'];
$db = USE ID TO GET DATABASE INFO; //works fine here
?>
//ECHO SOME HTML HERE
<script type="text/javascript">
    $('#buttonID').on('click', function(){
        alert('test <?php echo $id ?>');
    });
</script>

When I click the button, I get the alert but it just says test and I don’t get the ID like I should.

Thanks in advance for your help and suggestions on this one!

Answer 1

You have pasted pseudo code so it is difficult to say what is wrong in your code.

The following should work, give it a try:

File 1.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<?
$id = "10";
?>
<script>
    $(document).ready(
    function(){
    $('#modalID').load('phpfile.php?id=<?php echo $id ?>');
    });
</script>

<div id = 'modalID'></div>

And phpfile.php:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<?php
$id = $_GET['id'];
?>
<script>
    $('#buttonID').on('click', function(){
        alert('test <?php echo $id ?>');
    });
</script>

<input type="button" id = "buttonID" value="click me">