1

やあみんな私はこのコードを持っています

cuts_html = '';
for( i = 0; i < attachments.length; i++ ) {
    fburl3 = site_url + '/haircut-detail/?img_id=' + attachments[i].ID + '&uid=' + attachments[i].post_author;
    if( isNaN(attachments[i].view_count) ) attachments[i].view_count = 0;

    cuts_html += '<div id="controller-image" class="cut-image">';



    cuts_html += '<div id="cut-imageplacer">';




    cuts_html +=    '<div class="cut-image-info">' +
                        'By <a href="' + user_profile_url + 
                        '&user_id=' + attachments[i].post_author + '">' +
                        attachments[i].author_name + '</a>' +
                        '</div>';

    cuts_html +=    '<div class="commentbox-1">' +
                        '<img src="https://d2xcq4qphg1ge9.cloudfront.net/assets/17276/435546/original_views.png">&nbsp;&nbsp;' +
                        attachments[i].view_count + 
                        '&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://d2xcq4qphg1ge9.cloudfront.net/assets/17276/435545/original_talk-bubble.png">&nbsp;&nbsp;' +
                        '<fb:comments-count href="' + fburl3 + '"></fb:comments-count>' +
                        '</div></div>';

    cuts_html +=    '<a class="cut-image-a" ' +
                        'href="' + image_detail_url + 
                        '?uid=' + attachments[i].post_author + 
                        '&img_id=' + attachments[i].ID + '">' +
                        attachments[i].attachment_image_html + '</a>';


    cuts_html += '</div>';
}

Div Idcut-imageplacerはdisplay:noneなので、誰かがcontroller-imagedivをホバーしたcut-imageplacerときに、もちろんオンになっていないときに表示したり非表示にしたりすることが必要です。私はこのコードを使用します

<script type="text/javascript">$(document).ready(function(){    $('.cut-image').hover(
    function(){     $('#cut-imageplacer').show();
}, function () {        $('#cut-imageplacer').hide();    });  }); </script>

しかし、それは機能しません...私が間違っていることについて何か考えはありますか？または正しい方向に私を向けますか？

4

1 に答える 1

2

動的に作成されている要素にイベントを添付しようとしているようです。これらの要素を作成した後、これらの要素にイベントを使用するLive()か、関連付ける必要があります。ThisとThisOn()を見て、それらの使い方を確認してください。

お気に入り：

<script type="text/javascript">
      $(document).ready(function(){    
       $('.cut-image').live("hover",
          function(){     
              $('#cut-imageplacer').show();
          }, function () {        
              $('#cut-imageplacer').hide();    
           });  
       }); </script>
于 2012-05-03T23:54:40.130 に答える