Передача параметров Jquery между функциями - PullRequest
Новая
       28

Передача параметров Jquery между функциями

0 голосов
/ 08 апреля 2011

Мне нужно передать 2 переменные (nextimage, previmage) в эту функцию 

$("a.lightbox").click(function abc(e) {
    var nextimage = $(this).parent().next().children('a').attr('href');
    var previmage = $(this).parent().prev().children('a').attr('href');
    return nextimage;
    return previmage;
});

Они должны быть переданы этой функции как 

function nextimage(){
    $('<img src="nextimage"/>')
}

Любая помощь будет принята с благодарностью

Ответы [ 2 ]

1 голос
/ 08 апреля 2011

Я думаю, это то, что вы ищете .. 

$("a.lightbox").click(function(e) {
    var nextimage = $(this).parent().next().children('a').attr('href');
    var previmage = $(this).parent().prev().children('a').attr('href');

    nextimage(nextimage, previmage);
});


function nextimage(nextimage, previmage){
    $('<img src="nextimage"/>')
}

Хотя вызов функции может и не понадобиться ... в зависимости от вашего приложения.

0 голосов
/ 08 апреля 2011

Я получил лучшее решение.Проверьте это:

Ссылка: Предыдущий вопрос 

<div>
<ul class="listing">
        <li><a href="imgs/eli.jpg" id="1" class="lightbox"><img src="thumbs/eli_t.jpg" width="150" height="100" class="images" /></a></li>
        <li><a href="imgs/ggallin.jpg" id="2" class="lightbox"><img src="thumbs/ggallin_t.jpg" width="150" height="100" class="images" /></a></li>
        <li><a href="imgs/jontarata.jpg" id="3" class="lightbox"><img src="thumbs/jontarata_t.jpg" width="150" height="100" class="images" /></a></li>
        <li><a href="imgs/macka s tatuirovki.jpg" id="4" class="lightbox"><img src="thumbs/macka s tatuirovki_t.jpg" width="150" height="100" class="images" /></a></li>
        <li><a href="imgs/mk7.jpg" id="5" class="lightbox"><img src="thumbs/mk7_t.jpg" width="150" height="100" class="images" /></a></li>
        <li><a href="imgs/P5010345.jpg" id="6" class="lightbox"><img src="thumbs/P5010345_t.jpg" width="150" height="100" class="images" /></a></li>
    </ul>
<a id="prev">Prev</a>
<a id="next">Next</a>
</div>
<img id="currentImage"></img>

<script type="text/javascript">
(function() {
    var index = 0;
    var showImage = function(i) { 
        var url = $("ul.listing a").eq(i).attr("href"); 

        $("#currentImage").attr("src", url);
        index = i;
    };
    $("#prev").click(function() {
        showImage(index - 1);
    });

    $("#next").click(function() {
        showImage(index + 1);
    });

    $("ul.listing a").click(function() { var i = $(this).index(); showImage(i); });
})();
</script>
...