Question

我想要第一次点击事件来准备数据。然后我希望第二次单击事件来传递数据。基本上我需要在点击.modal_thumbnails时触发一个事件，然后当我点击#set_image时我想触发另一个事件，但它显然不起作用。

＆＃13;

$(document).ready(function () {
    var link, image;
    $(".modal_thumbnails").click(function () {
        $(this).addClass('selected');
        if ($(this).hasClass('selected')) {
            var href = $('#user_id').text();
            var splitted = href.split(':');
            link = splitted[splitted.length - 1];
            image = $(this).attr('src');
            var tarr = image.split('/');
            image = tarr[tarr.length - 1];
        }
    });

    $("#set_image").click(function () {
        $(".jumbotron img").attr('src', image + '?id=' + link);
    });
});

＆＃13;

<div class="row">
    <h4 id="user_id">Userd Id: 48</h4>
    <div class="col-md-3 portfolio-item">
        <a href="">
            <img height=200 width=250 class="modal_thumbnails" src="http://placehold.it/750x450" alt=""/>
        </a>
    </div>
</div>
<!--First Row -->
<div class="row">
    <div class=".jumbotron">
        <h3>JumboTron</h3>
        <img src="" alt="image_here"/>
    </div>
</div>
<div class="row">
    <a id="set_image" href="#">CLICK HERE TO SET PICTURE</a>
</div>

＆＃13;

Answer 1

我找到了问题的答案，

$(document).ready(function () {
    var image, link, href, splitted;
    $(".modal_thumbnails").click(function () {
        $(this).addClass('selected');
        href = $('#user_id').text();
        splitted = href.split(':');
        link = splitted[splitted.length - 1];
        image = $(this).attr('src');
        image = image.split('/');
        image = image[image.length - 1];
    });
    $("#set_image").click(function () {
        if ($(".modal_thumbnails").hasClass('selected')) {
            alert(image + link);
        } else {
            alert('no');
        }
    });
});

如何使用JQuery + AJAX中的相同数据触发2个不同的单击事件

1 个答案: