当页面由php创建时，Jquery不会运行_Php_Jquery

当页面由php创建时，Jquery不会运行

php jquery

当页面由php创建时，Jquery不会运行,php,jquery,Php,Jquery,请给我一些帮助，我将不胜感激。我制作了一个开发html页面，使用jquery将另一个页面加载到iframe中，具体取决于按下哪个按钮。这项工作成功后，许多小时的研究在这里！当使用PHP创建页面时，问题就出现了。我的目标是在更复杂的页面上实现代码，但我先尝试一下。尽管它看起来很好，但当我按下任何一个按钮时，jquery都无法工作。我希望有经验的用户能给我一些指导。谢谢格雷厄姆代码--> <?php $rider1=1; $rider2=2; $file1="2015-07-22-1

请给我一些帮助，我将不胜感激。我制作了一个开发html页面，使用jquery将另一个页面加载到iframe中，具体取决于按下哪个按钮。这项工作成功后，许多小时的研究在这里！当使用PHP创建页面时，问题就出现了。我的目标是在更复杂的页面上实现代码，但我先尝试一下。尽管它看起来很好，但当我按下任何一个按钮时，jquery都无法工作。我希望有经验的用户能给我一些指导。谢谢格雷厄姆

代码-->

<?php
$rider1=1;
$rider2=2;
$file1="2015-07-22-19-11-52.fit";
$file2="2015-07-21-12-45-55.fit";
echo '<!doctype html>
<html>
<meta charset="utf-8">
<title>Loading a page into a dialog</title>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".dialog").dialog({
        autoOpen: false,
    });

    $(".session").click(function () {
        var src = $(this).data("href");
        var title = $(this).data("id");
        var $dialog = $("<div></div>")
            .html("<iframe style="border: 1px; " src="';
            echo '"+ src + "';
            echo '" width="100%" height="100%"></iframe>")
            .dialog({
                autoOpen: false,
                modal: true,
                height: 625,
                width: $(window).width() - 20,
                height: $(window).height() - 20,
                title: title
            });
            $dialog.dialog("open");
    });
});
</script>
</head>
<body>
<h2>subjects</h2>

<button class="session" data-id="#dialog1" data-href="fitanalysis.php?rider='.$rider1.'&file='.$file1.'">Rider1</button>
<br>

<button class="session" data-id="#dialog2" data-href="fitanalysis.php?rider='.$rider2.'&file='.$file2.'">Rider2</button>
<br>
</body>
</html>';
?>

不要像那样重复所有的HTML，你可以在任何地方输入和输出PHP

没有开场白

JavaScript中的奇数字符串连接

尝试一下：

<?php
    $rider1 = 1;
    $rider2 = 2;
    $file1 = "2015-07-22-19-11-52.fit";
    $file2 = "2015-07-21-12-45-55.fit";
?>
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Loading a page into a dialog</title>

        <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".dialog").dialog({
                    autoOpen: false,
                });

                $(".session").click(function () {
                    var src = $(this).data("href");
                    var title = $(this).data("id");
                    var $dialog = $("<div></div>")
                        .html('<iframe style="border: 1px;" src="' + src + '" width="100%" height="100%"></iframe>')
                        .dialog({
                            autoOpen: false,
                            modal: true,
                            height: 625,
                            width: $(window).width() - 20,
                            height: $(window).height() - 20,
                            title: title
                        });
                        $dialog.dialog("open");
                });
            });
        </script>
    </head>
    <body>
        <h2>subjects</h2>

        <button class="session" data-id="#dialog1" data-href="fitanalysis.php?rider=<?php echo $rider1; ?>&file=<?php echo $file1; ?>">Rider1</button>
        <br>

        <button class="session" data-id="#dialog2" data-href="fitanalysis.php?rider=<?php echo $rider2; ?>&file=<?php echo $file2; ?>">Rider2</button>
        <br>
    </body>
</html>

开放标签在哪里？