javascript
  • onclick
  • 2012-08-16 89 views 0 likes 
    0

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

    <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>"); 
    ... 
    

    回答

    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>"); 
    
    +0

    是的。我只需要这一个。在使用事件委托的情况下,对于父级的单击事件,您可能会感到困惑。“”或“ – user188995 2012-08-16 11:42:49

    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 
        }); 
    }); 
    
    +0

    ”。所以这将是您的最佳解决方案 – Serjio 2012-08-16 11:36:39

    1

    试试这个我有测试与我的网址和图片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“和\”以及

    ​​

    这是鉴于导致身体标记为

    <a href="http://stackoverflow.com">Stackoverflow</a> 
    <a href='http://stackoverflow.com'>Stackoverflow</a> 
    
    相关问题