Question

我想在添加的一个div中添加divs和image，但是当我尝试在img上做一些jQuery时，我无法做到。

$("#images img").click(function(event) {
    alert(1);
    $path = $(this).attr("src");
    $("#display_image").attr("src", $path);
    $("#dialog").dialog("open");
    event.preventDefault();
});

function getImage() {
    var start_date = (startDate.datepicker('getDate') || minDate).getTime() / 1000;
    var end_date = (endDate.datepicker('getDate') || maxDate).getTime() / 1000;
    var pixintraSearchAPI = "<myrequest>";
    $.getJSON(pixintraSearchAPI).done(function(data) {
        $("#images").empty();
        $.each(data.results, function(i, result) {
            $("<div class='thumbnail'><div class='thumbnail-inner'><img src='<myimg>' /></div></div>").appendTo("#images");
            if (i === 3) {
                return false;
            }
        });
    });
}

Answer 1

将您的点击事件包裹在$（function（）{/ *点击事件代码* /}）;中。以下是修改后的代码。

$(function(){
    $("#images img").click(function(event) {
        alert(1);
        var path = $(this).attr("src");
        $("#display_image").attr("src", path);
        $("#dialog").dialog("open");
        event.preventDefault();
    });
});

function getImage() {
    var start_date = (startDate.datepicker('getDate') || minDate).getTime() / 1000;
    var end_date = (endDate.datepicker('getDate') || maxDate).getTime() / 1000;
    var pixintraSearchAPI = "<myrequest>";
    $.getJSON(pixintraSearchAPI).done(function(data) {
        $("#images").empty();
        $.each(data.results, function(i, result) {
            $("<div class='thumbnail'><div class='thumbnail-inner'><img src='<myimg>' /></div></div>").appendTo("#images");
            if (i === 3) {
                return false;
            }
        });
    });
}

无法通过div id访问div中的图像

1 个答案: