如何使用jQuery追加div [英] how to append div using jquery

问题描述

当我单击或提交按钮时，我正在使用此代码附加div

I am using this code to append div when i click or submit the button

<script type="text/javascript">
    $(document).ready(function() {
        var divProcessing = '<div><img src="/Images/processing.gif" alt="Processing.."/></div>';
        $(".btnProcessing").click(function() {
            $(this).hide().after().parent().append(divProcessing);
        });

    });
        
</script>

但是有时候，当我单击提交按钮时，会添加多个div(显示多个图像)...

请告诉为什么它附加多个div ..

有人说如何解决这个问题............



然后我删除div标签

But some times when i click the submit button multiple divs(it displays multiple images) are added...

Pls tell why its append multiple divs..

any one say how to solve this problem............



And then i remove the div tag

<script type="text/javascript">
    $(document).ready(function() {
        var divProcessing = '<img src="/Images/processing.gif" alt="Processing.."/>';
        $(".btnProcessing").click(function() {
        $(this).hide().after().parent().append(divProcessing);
        });

        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_endRequest(function() {
            $('.btnProcessing').click(function() {
            $(this).hide().after().parent().append(divProcessing);
            });
        });
    });
        
</script>

但是现在我有同样的问题，但是图像被添加了多次，但是是水平的..

如果我使用的是div，则图像会垂直多次添加..

为什么会发生...

But now i have same issue but the image is added multiple times but horizontally..

If i am using div the image is added multiple time vertically..

why its occur...

推荐答案

(文档).ready( var divProcessing = ' < div>< img src ="/Images/processing.gif" alt =处理.."//gt;</div>';

(document).ready(function() { var divProcessing = '<div><img src="/Images/processing.gif" alt="Processing.."/></div>';

( .btnProcessing").click(

(".btnProcessing").click(function() {

(此).hide().after().parent().append(divProcessing); }); }); </script>

(this).hide().after().parent().append(divProcessing); }); }); </script>

但是有时候，当我单击提交按钮时，会添加多个div(显示多个图像)...

请告诉为什么它附加多个div ..

有人说如何解决这个问题............



然后我删除div标签

But some times when i click the submit button multiple divs(it displays multiple images) are added...

Pls tell why its append multiple divs..

any one say how to solve this problem............



And then i remove the div tag

<script type="text/javascript">

这篇关于如何使用jQuery追加div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！