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()関数を変更することができたら...
あなたのHTMLも投稿できますか? – Kokos