JQUERY жить с AJAX - PullRequest
Новая
       24

JQUERY жить с AJAX

0 голосов
/ 05 июля 2011

Я хочу использовать AJAX с .live (), чтобы я мог делать вещи аккуратно. Я хочу знать, как это делается, я предоставил базовую функцию: при нажатии кнопки тег помещается в. Но мне нужно использовать live (), чтобы использовать лайтбокс на этом изображении. 

$(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>

ПРИМЕНЕНИЕ: тег div с id = галерея 

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 () ...

Ответы [ 2 ]

1 голос
/ 05 июля 2011

Jquery live () нельзя использовать для пользовательских событий, документов, готовых или любых вызовов плагинов.

Вы должны снова вызвать плагин на выходе ajax, чтобы он работал правильно.

1 голос
/ 05 июля 2011

Использовать обратный вызов: 

$(function(){

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

});
...