php - ajax将链接文本移动到链接标签之外

Question

我有一个 ajax 请求来加载一个带有过滤信息的表。

例如：选择一名员工，点击“开始”以仅查看该员工的结果。

数据过滤正确。PHP 在 ajax 加载的文件中显示：

echo "<td><a href=\"creditcard.php?type=Edit&cc_id=".$cc_id."\" />Edit</a></td>";

加载数据后，DOM 显示：

<td><a href="creditcard.php?type=Edit&cc_id=8"></a>Edit</td>

我的 AJAX 调用如下所示：

$('#go').live('click', function(e){
        e.preventDefault();
        $(this).hide();
        $(".Results").hide();
        $(".loading").html("<p>Loading...</p>");
        var employee = $('.employee').val();
        var cardtype = $('.cardtype').val();
        var startdate = $('.startdate').val();
        var enddate = $('.enddate').val();
        dataString = "ajax_employee="+employee+"&ajax_cardtype="+cardtype+"&ajax_startdate="+startdate+"&ajax_enddate="+enddate;
        $.ajax({
            type: "POST",
            url: "includes/creditcardsearch.php",
            data: dataString,
            success: function(result){
                $('.Results').html(result);
            },
            complete: function() {
                $(".loading").html('');
                $('.Results').fadeIn('slow');
                $("#go").show();
            }
        });
    });

有谁知道它为什么这样做？

Answer 1

你有a self closing anchor tag

.$cc_id."\" />Edit</a>  
            ^----    Need to remove this Forward Slash

将其更改为

.$cc_id."\" >Edit</a>

由于Extra closing tag，它被解释为元素的结尾并将文本推到外面Anchor Tag