Question

点击它后，为什么我的追加功能不起作用。我有我的网站Link

的示例链接

所以对于这个网站插件，如果你点击Select它会隐藏选定的播放列表，选择播放列表后，你会看到YT播放器的底部，这意味着它被添加到你的播放列表/数据库。所以这是我选择的附件。

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" />

';
?>

我的问题是，为什么它已经附加时无法点击。尝试单击所需的选定列表。然后单击播放列表的缩略图。您会注意到它不可点击。但是当你使用firebug时，值就在那里并且正确。

谢谢大家。

Answer 1

选择按钮不是“可点击的”，因为你的脚本Jquery是

$(function() { ...

表示Document.ready.function

如果您在加载页面后添加了点击操作的缩略图，则不会在其上设置操作$(".videoThumbS").click(function()。你需要在每个新的thumbmails上“mannually”调用bind

jQuery从前一个表单中添加相同的表单

1 个答案: