当我使用append时,jQuery不会工作

时间:2014-02-21 23:32:12

标签: javascript jquery

我试图让glyphicon-cog按钮可点击

 message = new array();
jQuery.fn.update_textarea = function(test) { 
        /* Reset Areas */ 
        $("#articles_textarea").html('');
        $(".test").html(''); 

        for (i=1;i<=test;++i) {       
            if (message[i]) { 
                $("#articles_textarea").append('<h2 class="SettingsHead" data-id="' + i + '"><input type="text" name="sida[]" value="Sida ' + i + '"><div class="Break"></div></h2><textarea class="ckeditor" id="editor' + i + '"></textarea>'); 
            } else {
                message[i] = '';
                $(".test").append('<tr><td width="150"><a href="#ShowPage' + i + '" data-toggle="tab" class="ShowPage' + i + '">Sida ' + i + '</a></td><td align="right"><span class="glyphicon glyphicon-cog" data-toggle="tooltip" data-placement="left" title="Redigera Sidnamnet"></span></tr>');
                if (i == 1) {
                    $("#articles_textarea").append('<div class="tab-pane active" id="ShowPage' + i + '"><h2 class="SettingsHead" data-id="' + i + '"><input type="text" name="sida[]" class="testing" value="Sida ' + i + '"><div class="Break"></div></h2><textarea class="ckeditor" id="editor' + i + '"></textarea></div>'); 
                } else { 
                    $("#articles_textarea").append('<div class="tab-pane" id="ShowPage' + i + '"><h2 class="SettingsHead" data-id="' + i + '"><input type="text" name="sida[]" value="Sida ' + i + '"><div class="Break"></div></h2><textarea class="ckeditor" id="editor' + i + '"></textarea></div>'); 
                }
            }
            CKEDITOR.replace( 'editor' + i );
        }
    }

但是当我使用这段代码时

$(".glyphicon-cog").click(function() { alert('y'); });

没有任何事情发生,就像我没有点击按钮..这是因为追加还是因为别的东西?

无论如何,希望你们中的任何人能找到问题并帮助我找到解决方案

1 个答案:

答案 0 :(得分:2)

如果要追加选择器,则需要使用.on

$(document).on('click', '.glyphicon-cog', function() { alert('y'); });