2011-07-05 22 views
0

AJAXを.live()で使用したいので、物事をきちんと整えることができます。私はそれがどのように行われているかわかりません、私は基本的な機能を提供しています:ボタンをクリックするとタグが。しかし、私はそのイメージ上でライトボックスを使うためにlive()を使う必要があります。JQUERY with AJAX

$(document).ready(function() 
{ 
    $("button").click(function() 
    { 
     $("div").load('test1.txt') 
    }); 
}); 

ライトボックス:

$(function() 
{ 
    $('#gallery a').lightBox(); 
}); 

CSS:

<style type="text/css"> 
    /* jQuery lightBox plugin - Gallery style */ 
    #gallery 
    { 
     background-color: #444; 
     padding: 10px; 
     width: 520px; 
    } 

    #gallery ul 
    { 
     list-style: none; 
    } 

    #gallery ul li 
    { 
     display: inline; 
    } 

    #gallery ul img 
    { 
     border: 5px solid #3e3e3e; 
     border-width: 5px 5px 20px; 
    } 

    #gallery ul a:hover img 
    { 
     border: 5px solid #fff; 
     border-width: 5px 5px 20px; 
     color: #fff; 
    } 

    #gallery ul a:hover 
    { 
     color: #fff; 
    } 
</style> 

USAGE:ID =ギャラリーで divタグ

HTML: 
<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />  

    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> 
    <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" /> 

<h2 id="example">Example</h2> 
<p>Click in the image and see the <strong>jQuery lightBox plugin</strong> in action.</p> 
<div id="gallery"> 
    <ul> 
     <li> 
      <a href="photos/image1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();"> 
       <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" /> 
      </a> 
     </li> 
</ul> 
</div> 

誰かが私を.click()関数を変更することができたら...

+0

あなたのHTMLも投稿できますか? – Kokos

答えて

1

がコールバックを使用します。

$(function(){ 

    $('button').live('click', function() { 
     $('div').load('test1.txt', function() { 
      $('#gallery a').lightBox(); 
     }); 
    }); 

}); 
+0

このコールバック関数の使い方は?上に示したのと同じように –

+0

:私は\tます。あなたの機能には...エラーが発生します...:| –

1

jqueryの(生きる)はカスタムイベントで使用することができない、準備または任意のプラグインの呼び出しを文書化します。

これが正しく機能するには、プラグインをajax出力で再度呼び出す必要があります。

+0

ただ画像をロードするのにajaxを使い、ライトボックスを開くアイデアに... –