使用jquery加载的数据是否被视为HTML源代码的一部分？

Question

search.php是一个包含带有选择框和按钮的表单的网页，它分为两部分

---------------------------------------------
                                             |
                      1                      |
                                             |
                  Form with                  |
               input type button             |
                                             |
                                             |
----------------------------------------------
                                             |
                    2                        |
                                             |
         when I click on the button           |
        I display data from database         |
             using jquery without            |
           refreshing the database           |
                                             |
---------------------------------------------

1. 是具有相同字段的HTML表单，应由用户和一个按钮填充。
2. 当用户单击按钮时，我调用lod_date.php使用jQuery将数据从数据库加载到特定位置

加载的数据显示在具有5列的HTML表中，其中之一被<a>标记包围

---------------------------------------------------------------------------------------
column1     column2      column3    <a href='#' class='basic'>column4</a>      column2
---------------------------------------------------------------------------------------

因为我想在单击链接后获得特定行的相关详细信息（在使用JQuery UI的对话框中）

但是问题是当我单击特定行的链接时，我的脚本无法检测到标签。

当我在Firefox中显示源代码时， <div>应该仍然包含我的HTML表，但仍然没有内容，但是显示了带有数据的HTML表。 使用Firebug进行验证时，我发现加载的数据作为响应。

当我们使用jQuery将数据加载到页面时，是否将其视为页面源代码的一部分？ 如何检测用户单击链接的时间？

（我正在使用PHP和SQL Server）

<div id="container">
<div class="data"></div>
<div class="pagination"></div>
</div>

数据应显示在<div class="data"> here where my tabel should be </div>和我按下按钮之间的位置之间：

$msg .= "<tr>
    <td>" . $row['column11'] . "</td> " .
    "<td>". $row['column12'] . "</td>" .
    "<td>".$row['column13']."</td>".
    "<td>".$row['column14']."</td>".
    "<td><a href='#' class='basic' >".$row['columns5']."</a></td>".    
    "<td>".$row['column6']."</td>".
    "</tr>";

问题是，当我尝试按一下column5时，即使单击它，也没有任何反应！

Answer 1

您可以使用任何方法来操作/更新html，没问题。只有生成的html应该正确，标签应该正确关闭。

因此，如果您在HTML页面中写<a href="javascript:alert('Hello World');">click me</a>并单击它，它肯定会显示一条警告消息。

我建议使用Chrome开发者工具的控制台标签进行检查，然后重新检查您的html格式是否存在未结束的标记/ javascript错误。

编辑

将您的a更改为<a href='javascript:alert('Hello World');'> 。 加载您的内容，在chrome中使用对<div class="data"></div> ，请参阅内部内容以找出问题。

Answer 2

我解决了以下问题：

1. 我更改了这一行的源代码： <td><a href='#' class='basic' >.$row['columns5'].</a></td>通过此<td>".$row['operateur']."<img src='search.png' class='imagesdetail' id='". $row['sens'] ."' ></td> 。 （此更改背后的想法是使用图片而不是网址：更美观）。

2. 使用JQuery访问图像： $('#container .data table tbody tr td img').live('click',function(){ ajaxCall($(this).attr('id'));})

3. ajaxCall（）：从数据库获取数据，并在加载时将其放入JQuery UI对话框。

4. 我还有一个Jquery版本的问题，因为我有一个旧版本，我必须使用live('click',function(){...}) （ live function）这是我的问题的根源。