0

我正在寻找 HTML 框架集的替代解决方案，从我目前所读的内容来看，我可以使用带有 CSS 的 DIV 来创建列内容。基本上，我希望我的图像在左侧的一列中，单击时应在右侧的列中调用 details.php（标记为 id=details）。

我从以下开始；不幸的是，单击左栏中的链接不会调用右栏中的任何内容：

<div class="col1">
            <a href="details.php?PersonID=<?php echo $PersonID; ?>" target=details> <?php echo $row['FamilyName']; ?> <?php echo $row['FirstName']; ?> </a>
        </div>


    <div class="col2" id="details">
        <?php   $file = file_get_contents('./details.php', true); ?> 
    </div>

我将不胜感激任何建议来完成这项工作。

4

1 回答 1

0

您可以将 HTML 和 CSS 与 jQuery 或任何 javascript 库相结合，以使用 AJAX 异步加载内容 (details.php)。

$('a').on('click', function(e) { var contentUrl = $(this).attr('href'); $('#details').load(contentUrl, function() { console.log('the content has been loaded is appended into the div'); }); });

如需更多参考，您可以转到jQuery API-load。

于 2014-03-26T03:04:13.927 回答