Question

如果用户点击<li><a id="print" href="">출력 하기</a></li> 它是id =“print”所以它使id =“print2”按钮，标题是복사하기。并制作复选框。

然后如果用户点击id =“print2”按钮“복사하기” 它不起作用。没有反应。

我错过了什么？

 $(document).ready(function(){
        $("#print").unbind('click');
        $("#print").on('click', function(ev){
            $('#main').prepend('<center><button class="btn btn-primary btn-lg" id="print2">복사하기</button></center>')
            $('.post').prepend('<input type="checkbox" />');
            ev.preventDefault();
        });


    $("#print2").on('click', function(){
        var images ='';
        $('li').each(function(){
            var thisCheckFlag=$(this).children('input[type="checkbox"]').is(':checked');
            if(thisCheckFlag){
                images+='<img src ="'+$(this).find('img').attr('src')+'">';
            }
        });
        if(images){
            var myWindow=window.open('','printWindow','width=800,height=800');
            myWindow.document.write(
                '<html><head><title>Print</title></head><body>'
                +images+'</body></html>'
            );
            myWindow.focus();
            myWindow.print();
        }
        else alert('먼저 선택하세요.');
    });


    });

Answer 1

当您将点击附加到#print2时，未定义document。您需要将点击委托给父级，通常是$(document).on('click', '#print2', function(){ //rest of code. }); .. See more

所以你的功能将成为：

private static <T> Map<T, Integer> createIdMap(Stream<T> values) {
    return values.collect(HashMap::new, (m,t) -> m.putIfAbsent(t,m.size()),
        (m1,m2) -> {
            if(m1.isEmpty()) m1.putAll(m2);
            else m2.keySet().forEach(t -> m1.putIfAbsent(t, m1.size()));
        });
}

Answer 2

此处的问题是该事件不会与动态创建的元素绑定，因此无论您添加新按钮，都需要添加与其关联的event，以便： / p>

$(document).ready(function() {
    $("#print").unbind('click');
    $("#print").on('click', function(ev) {
        $('#main').prepend('<center><button class="btn btn-primary btn-lg" id="print2">복사하기</button></center>')
        $('.post').prepend('<input type="checkbox" />');
        $("#print2").on('click', function() {
            var images = '';
            $('li').each(function() {
                var thisCheckFlag = $(this).children('input[type="checkbox"]').is(':checked');
                if (thisCheckFlag) {
                    images += '<img src ="' + $(this).find('img').attr('src') + '">';
                }
            });
            if (images) {
                var myWindow = window.open('', 'printWindow', 'width=800,height=800');
                myWindow.document.write(
                    '<html><head><title>Print</title></head><body>' + images + '</body></html>'
                );
                myWindow.focus();
                myWindow.print();
            } else alert('먼저 선택하세요.');
        });
        ev.preventDefault();
    });


});

第二个js功能不起作用

2 个答案: