无法通过 div id 从 div 访问图像答案

【问题标题】：not able to acess image from div by div id无法通过 div id 从 div 访问图像
【发布时间】：2015-04-08 12:27:19
【问题描述】：

我正在尝试在添加的一个 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;
            }
        });
    });
}

【问题讨论】：

标签： jquery html image

【解决方案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;
            }
        });
    });
}

【讨论】：

问题还是一样
我仍然面临同样的问题，我的对话框没有打开
我看不到对 getImage() 函数的任何调用。我假设您正在调用此函数并且它有效。我只是在我的答案中将 $path 更改为 var path 。请重试。