Question

我尝试使用简单的模式脚本来加载基于数据库上的行的不同图像。文件名与'id'列相同。

我知道每次循环时div id必须不同。

这就是我想要做的事情

PHP部分

$b = 0;

while ($data = mysql_fetch_aray($result)) {
echo "<tr>";
echo "<td>{$data['name']";
echo "<div id='basic-modal-" . $b . "'><a href='#' class='basic'>View label</a></div>";
echo "<!--modal content-->";
echo "<div id='basic-modal-content-" . $b . "'><img src='../winelabel/" . $data['id'] . ".jpg'></div>";
$b++;
}

jQuery部分 - 来自http://www.ericmmartin.com/projects/simplemodal/

$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal();
    return false;
    });
});

它只显示图像而不是模态。此外，“查看标签”不可点击。我怀疑我必须修改jQuery部分，但我不知道该怎么做。

谢谢。

杰克

Answer 1

这可以通过不同方式完成。这不是如何编写代码的最佳解决方案，但我会向您展示一些示例。

我假设您没有在循环中使用Jquery，从不这样做。

您始终可以按类检测Click事件并获取所点击项目的ID，然后执行您想要的操作。
关闭并标记
echo "<td>{$data['name']";在$ data ['name']}

}

检查元素检查 - ＆gt;控制台显示哪种错误。

示例：

$(document).ready(function(){
    $('.basic').click(function (e) {
        var id = $(this).parent().attr('id');
        $('#basic-modal-content-' + id).modal();
        return false;
        });
    });
});

改变它：

echo "<div id='" . $b . "'><a href='#' class='basic'>View label</a></div>";

while循环中的简单模态

1 个答案: