php - jQuery点击事件在php列表中不起作用

Question

我的网页上有一个故事上传系统，该系统将故事上传到指定文件夹中，并从中列出其内容到网页。我做了一个拆分，所以只显示了 300 个字符的文本，当用户单击它时，会显示其余的字符。

这是我的代码：

这一个列出它：

<?php foreach($dataArray as $data) { ?>
    <div class="visible">
        <?php echo $data[0]; ?>
    </div>
    <div class="hidden">
        <?php echo $data[1]; ?>
    </div>
<?php } ?>

这是我的 jQuery：

$('.hidden').css('display', 'none');
$('.visible').click(function () {

    $('.hidden').css('display', 'inline');
});

此页面（'tortenetek.php'）被 ajaxed 到主页（'blog.php'）。我在 blog.php 中包含了 Jquery，如下所示：

<link href='http://fonts.googleapis.com/css?family=Niconne&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="../css/stilus.css"/>
        <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="../js/tinybox.js"></script>
        <script type="text/javascript" src="../js/ajax.js"></script>
        <link href="../css/lightbox.css" rel="stylesheet" />
        <script src="../js/lightbox.js"></script>
                <script src="../js/story.js"></script>

Story.js 是我正在使用的脚本文件。

谢谢各位！

Answer 1

使用.on方法将事件附加到动态添加的元素。
将其更改为

$('.visible').on('click',function () {
     $('.hidden').css('display', 'inline');
});