0

我在将onClick事件添加到脚本时遇到了真正的麻烦。这是我的代码，基本上显示了 Instagram 照片。我想添加onclick="panel_five.show();return false"一个

<a href='" + data.data[i].images.standard_resolution.url +"' >
    <img src='" + data.data[i].images.thumbnail.url +"' />
</a>

我在语法上遇到了真正的麻烦。这是我的完整代码：

...
$('.ttl').first().parent().append('<div class="ttl"><div class="ttlpadding"><div class="item">' + "<a href='" + data.data[i].images.standard_resolution.url +"' ><img src='" + data.data[i].images.thumbnail.url +"' /></a>" +"</div></div></div>");
...
4

3 回答 3

1

这是你想要的吗。

$('.ttl').first().parent().append('<div class="ttl"><div class="ttlpadding"><div class="item">' + "<a href='" + data.data[i].images.standard_resolution.url +"' onclick='panel_five.show();' ><img src='" + data.data[i].images.thumbnail.url +"' /></a>" +"</div></div></div>");
于 2012-08-16T11:33:21.813 回答
1 
$(function () {
     var parent = $('.ttl').first().parent();
     parent.append('<div class="ttl"><div class="ttlpadding"><div class="item">'
          + "<a href='" + data.data[i].images.standard_resolution.url
          +"' ><img src='"+ data.data[i].images.thumbnail.url +"' /></a>"
          +"</div></div></div>"
     );
     parent.find('a').click(function() {
        // some code here
     });
});
于 2012-08-16T11:34:59.987 回答
1

试试这个我已经用我的 url 和图像 src 进行了测试，它工作正常

$('.ttl').first().parent().append('<div class="ttl"><div class="ttlpadding"><div class="item">' + "<a href='" + data.data[i].images.standard_resolution.url +"' ><img src='" + data.data[i].images.thumbnail.url +"' onclick='panel_five.show();return false;' /></a>" + '</div></div></div>');

编辑：如果您对 " 和 ' 感到困惑，您可以使用 " 和 \" 代替 OR ' 和 \'

$("body").append("<a href=\"http://stackoverflow.com\">Stackoverflow</a>");
$('body').append('<a href=\'http://stackoverflow.com\'>Stackoverflow</a>');

它在body标签中的视图结果为

<a href="http://stackoverflow.com">Stackoverflow</a>
<a href='http://stackoverflow.com'>Stackoverflow</a>
于 2012-08-16T12:01:18.017 回答