javascript
  • onclick
  • 2012-08-16 85 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> 
    
    相關問題