Question

我有一个带div的html页面（id = reqs）。我想在页面加载后加载div的html内容。所以我创建了一个ajax调用，它使用php从数据库中获取数据并将其“回显”到html代码中以填充到div中。

我的HTML：

<html>
<body>
<div class="content" id="reqs"></div>

            <script> $(document).ready(function() {
                $.ajax({
                     type: "GET",
                     url: '../getreqs',
                     success: function(data) {
                        $('#reqs').html($data);
                     }
                });             });         </script>

</body>
</html>

我的php ajax功能：

                $data .= "<div class=\"toggle store-history-toggle\">";
                $data .= "<a href='#' class=\"toggle-title\"><strong class=\"bg-yellow-dark\">" . "YP" . "</strong>" . "ER" . "<i class=\"fa fa-plus\"></i></a>";
                $data .= "<div class=\"toggle-content\">";
                $data .= "<div class=\"cart-costs\">";
                $data .= "<h4>Details</h4>";
                $data .= "<h5><strong>Name</strong><em>John Doe</em></h5>";
                $data .= "</div>";
                $data .= "</div>";
                echo $data;

我的问题是我的href =“＃”（应该扩展div显示它下面的详细信息）不起作用，但如果我复制完全相同的html由我的PHP生成并将其粘贴到我的HTML中它的工作原理完美。

更多信息： - 我的html代码位于“htmlroot / subfolder”文件夹中 - 我的PHP代码在“htmlroot”文件夹中

我试图解决它： - 我在herf="#"和href='#'之间切换 - 我有php代码给我href="LINKREF"，并在获取数据后用#j / p>替换LINKREF后得到了我的ajax函数

var res = String(data).replace(/LINKREF/g, "#");

这些尝试都没有工作

Answer 1

href="#"是指向页面顶部的链接。在任何情况下，它都不会扩展div。

据推测，你有一些JavaScript寻找链接并将它们自身绑定到它们，这样当你点击链接时，JS就会触发，然后JS扩展div。

（注意：将那种JS绑定到页面顶部的链接是没有意义的。按钮元素会更合适）。

你需要找到JS和：

将其更改为使用delegated event handlers
在你添加问题的JS中添加

如果由php ajax函数返回，则href =“＃”不起作用

1 个答案: