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'）。我把jquery包含在blog.php中，像這樣：

<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'); 
});