0

Web ページにストーリー アップロード システムがあり、指定したフォルダーにストーリーをアップロードし、そこからそのコンテンツを Web ページに一覧表示します。分割したので、テキストの 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') は、メイン ページ ('blog.php') に ajax されています。次のように 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 は、私が使用しているスクリプト ファイルです。

ありがとう！

4

1 に答える 1

4

メソッドを使用.onして、動的に追加された要素にイベントをアタッチします。
に変更します 

$('.visible').on('click',function () {
     $('.hidden').css('display', 'inline');
});
于 2012-07-03T19:04:49.903 に答える