2

我有一个带有搜索功能的网站。用户输入他的搜索参数，并显示一个弹出窗口（通过 bpopup.js），其中包含指向结果的链接。我希望用户能够单击每个链接并弹出另一个 iframe，其中包含来自该 url 的数据。我计划一次将用户限制为 5 个结果。目前我的搜索工作正常，并且弹出窗口带有链接列表。但是，当我单击每个链接时，数据会加载到该特定 iframe 中，而不是新的 iframe 中。我希望能够打开多个 iframe，bpopup 说这是可能的。

这是相关的search.php代码：

if($searcher->getResultCount() > 0) {
echo('<div><ul>');
    foreach($searcher->getResults() as $result) {
    $newclass="imagen" . $counter;
    $url = '<a id="' .  $newclass . '" href="' . $result['filePath'] . '">Test</a>';
    echo('<li><em>' . $url . '</em></li>');
    $counter++;
    }
echo('</ul></div>');

} 别的.....

在 search.php 的底部是我设置 bpopup 的地方：

$(文档).on(函数() {

$(function() {
$('#searchResults').bPopup({
    content: 'iframe',
    contentContainer: '.searchResults',
    position: [200,200],
    follow: [false, false],
    opacity: 0,
    scrollBar: 'true'
});
$('#imagen1').bind('click', "a.imagen1",  function (e) {
            e.preventDefault();
            var urltoLoad = $(this).attr("href");
            $('#result1').bPopup({
                content: 'iframe',
                contentContainer: '.resultcontent1',
                follow: [false, false],
                position: [50,200],
                positionStyle: 'fixed',
                closeClass: 'b-close1',
                scrollBar: 'true',
        escClose: 'true',
                loadUrl: urltoLoad
             });
         });....

为 5 个结果中的每一个都设置了一个 #imagen。

最后，

 <div id = "searchResults"> </div> 
<div id = "result1">
<a class="b-close"></a>
<div class="resultcontent1"></div>
</div>
<div id = "result2">
<a class="b-close"></a>
<div class="resultcontent2"></div>
</div>
<div id = "result3">
<a class="b-close"></a>
<div class="resultcontent3"></div>
</div>
4

0 回答 0