2012-07-09 50 views
0

为什么我的追加按钮不起作用。 我对这个网站的插件我的网站的例子链接LinkjQuery从前面的表单中追加相同的表单

所以,如果你点击Select将隐藏选定的播放列表,选择该播放列表,你会看到在YouTube播放的BUTTOM,这意味着它后已添加到您的播放列表/数据库。所以这是我选择的附件。

jQuery的

$(function() { 
    $(".videoThumbS").click(function() {  
     var dataString = $(this).siblings('input[name="v_w_id"]').val(); 
     $.ajax({ 
      type: 'POST',         
      url: 'api.php', 
      data: { v_w_id: dataString }, 
      dataType: 'html',    
      success: function(data) { 
       var viewrecord = dataString; 
       $('.selected_thumbs').append('<a class="videoThumb4" href="" id="previewbutPL"><img src="http://img.youtube.com/vi/'+viewrecord+'/default.jpg" /></a><input type="hidden" name="vid_delete" value="'+viewrecord+'" />'); 
       $("."+viewrecord).hide(); 
       $('input[name=delete]').click(function(){ 
        $(".delVid").ajaxStop(function() {$("#"+deletedRecord).remove();}); 
       }); 
      } 
     }); 
    }); 
}); 

地方追加播放列表 <div class="selected_thumbs"></div>

和按钮的选择

<?php 
echo ' 
<a class="videoThumb4" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '" id="link"> 
' . $yValue['description'] . ' 
</a> 
<input class="videoThumb4" type="button" name="previewSel" value="Preview" id="previewbut" /> 
<input id="v_w_id_value" type="hidden" name="v_w_id" value="' . $yValue['videoid'] . '" /> 
<input class="videoThumbS" type="button" name="selectSel" value="Select" id="selectbut" /> 

'; 
?> 

我在这里的问题是,为什么是它不可点击,当它已经追加。尝试点击您想要的选定列表。然后点击播放列表的缩略图。您会注意到它不可点击。但是,当你使用萤火虫的价值是在那里和正确的。

谢谢大家。

回答

0

选择按钮是“无法点击”因为你的脚本jQuery是

$(function() { ... 

这意味着Document.ready.function

如果您加载网页后添加与点击动作的缩略图将不会在其上设置操作$(".videoThumbS").click(function()。 你需要在每个新的拇指邮件上调用“手动”绑定

+0

我想你不明白我的意思。我的意思是在这里例如我点击选择,所以没有一个新增的缩略图,现在这个新增加的thumnail不再是可点击的为什么? – user1506189 2012-07-10 02:07:37