0

私は「pachete」という名前のこのdivを持っています。これは画像リンクを生成し（画像をクリックするとデータベースから対応するアドレスが読み込まれます）、正しいページに送信されますが、私が欲しいのはそのページを自分のいるページに読み込むことですat（画像リンクのすぐ下）をnew_page divにリダイレクトしますが、リダイレクトされません。クラス「poza_efect」は単純な不透明効果です。JavaScript関数を持っていますが、何らかの理由で機能しません。 

<script>
    $('.stil_link_img').click(function () {
        $('#new_page').load($(this).attr('href'));

        return false;
    });
</script>

<div id="pachete">
    <?php $result=mysql_query( "SELECT* FROM imagini"); while($data=mysql_fetch_row($result)){ if( ($data[3]==1)&&($data[2]==2) ){ ?>
    <div class="stil_link_img">
        <a href="<?php echo $data[4];?>" class="poza_efect">
            <img src="upload/<?php echo $data[1];?>">
        </a>
    </div>
    <?php } }?>
</div>

<div id="new_page">//some content which should be replaced with my loaded page</div>
4

2 に答える 2

2

Javascript関数では、参照$（this）はA要素ではなく、コンテナーDIVを指しています。このようにしてみてください：

    $('.stil_link_img a').click(function() ...

また、これを$（document）.ready（function（）{....}）;にラップします。要素が完全にロードされていることを確認するハンドラー。

于 2013-02-14T07:52:22.493 に答える
2

stil_link_imgクリックイベントは要素がロードされる前に登録されるため、イベントがアタッチされることはありません。使用する

  • $(".stil_link_img").live(..)また
  • ページが完全に読み込まれた後にイベントを添付します
  • ループの後に.clickを移動します

また、クリックイベントをdivではなくa-tagに登録する必要があります（または、必要に応じて、クリック可能な背景を設定してください）。

于 2013-02-14T07:52:35.350 に答える