Question

我希望得到别人的帮助。我已经创建了一个开发html页面，它使用jquery将另一个页面加载到iframe中，具体取决于按下的按钮。这项工作成功（经过数小时的研究！）当使用PHP创建页面时会出现问题（我的目标是在更复杂的页面上实现代码，但我先尝试一下）。虽然它看起来很好，但当按下任一按钮时，jquery不起作用。我希望得到更有经验的用户的一些指导。谢谢格雷厄姆

代码---＆GT;

<?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>';
?>

Answer 1

不要echo这样的所有HTML，您可以随时随地使用<?php ...code here... ?>进出PHP。
没有打开<HEAD>标记。
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>

当php

1 个答案: