我想在模式弹出窗口中打开评论和评论输入表单

时间:2018-11-23 10:08:34

标签: javascript php jquery

这是我的问题

此按钮所在的位置-链接-php调用:

    <a href="<?php bp_activity_comment_link(); ?>" class="fa fa-reply 
    acomment-reply bp-primary-action " id="acomment-comment-<?php 
    bp_activity_id(); ?>"><div class="comnekaj">Comment</div></a>

打开此表单作为内联幻灯片:

    <form action="<?php bp_activity_comment_form_action(); ?>" method="post" 
    id="ac-form-<?php bp_activity_id(); ?>" class="ac-form"<?php 
    bp_activity_comment_form_nojs_display(); ?>>

    <?php bp_activity_comments(); ?>

    <div class="ac-reply-avatar"><?php bp_loggedin_user_avatar( 
    'width=70&height=70' ); ?></div>

    <div class="ac-reply-content">

    <div class="ac-textarea">

    <textarea id="ac-input-<?php bp_activity_id(); ?>" class="ac-input bp- 
    suggestions" name="ac_input_<?php bp_activity_id(); ?>"></textarea>

    </div>

    <input type="submit" name="ac_form_submit" value="<?php esc_attr_e( 
    'Comment', 'buddypress' ); ?>" /> &nbsp; <a href="#" class="ac-reply- 
    cancel"><?php _e( 'Cancel', 'buddypress' ); ?></a>

    <input type="hidden" name="comment_form_id" value="<?php 
    bp_activity_id(); ?>" />

    </div>

    <?php do_action( 'bp_activity_entry_comments' ); ?>

    <?php wp_nonce_field( 'new_activity_comment', 
    '_wpnonce_new_activity_comment' ); ?>

    </form>

我现在已经尝试了一个多星期,以便在提到的按钮单击上显示此内联表单以显示为模式弹出窗口,但无法成功。        我面临的问题之一是如何将其粘贴在模式的底部,以使其更加用户友好:

    <div class="ac-textarea">
    <textarea id="ac-input-<?php bp_activity_id(); ?>" class="ac-input bp- 
    suggestions" name="ac_input_<?php bp_activity_id(); ?>"></textarea>
    </div>
    <input type="submit" name="ac_form_submit" value="<?php esc_attr_e( 
    'Comment', 'buddypress' ); ?>" /> &nbsp; <a href="#" class="ac-reply- 
    cancel"><?php _e( 'Cancel', 'buddypress' ); ?></a>
    <input type="hidden" name="comment_form_id" value="<?php 
    bp_activity_id(); ?>" />
    </div>
模态底部的

您对如何解决此问题有任何建议吗?

编辑:

根据成员的要求,这里是我正在谈论的页面各部分的html ...

    <div class="activity-meta">

这是打开输入文本框和注释的链接:

    <a href="?ac=14688/#ac-form-14688" class="fa fa-reply acomment-reply bp- 
    primary-action " id="acomment-comment-14688"><div 
    class="com1">Comment</div></a>

这是应该在此示例中的模式弹出窗口中打开的表格,它具有注释。...

    <div class="activity-comments">

这个表单我想显示为弹出窗口

    <form action="https://test.com/.../reply/" method="post" id="ac-form-14688" 
    class="ac-form">
                <ul>

    <li id="acomment-14690">
    <div class="acomment-avatar">
    <a href="https://test.com/members/.../">
    <img src="https://test.com/wp-content/uploads/avatars/2347/5a32cc81b1bb9- 
    bpthumb.jpg" class="avatar user-2347-avatar avatar-50 photo" width="50" 
    height="50" alt="Profile picture of ..." />     </a>
    </div>

    <div class="acomment-meta">
    <a href="https://test.com/members/.../">...</a> replied <a 
    href="https://test.com/.../p/14688/#acomment-14690" class="activity-time- 
    since"><span class="time-since">15 hours, 15 minutes ago</span></a> </div>

    <div class="acomment-content"><p>I try and main line mine&#8230; </p>
    </div>

    <div class="acomment-options">


    <a href="#" class="bp-secondary-action buddyboss_edit_activity_comment" 
    onclick="return buddypress_edit_activity_initiate(this);" data- 
    activity_id="14690">
            Edit            </a>


    <a href="https://test.com/delete/14690/?cid=14690&amp;_wpnonce=2c0babed04" 
    class="delete acomment-delete confirm bp-secondary-action" 
    rel="nofollow">Delete</a>


    </div>

    </li>



    <li id="acomment-14691">
    <div class="acomment-avatar">
    <a href="https://test.com/members/,,,/">
        <img src="https://test.com/wp- 
    content/uploads/avatars/3604/5bf70260a4f3a-bpthumb.jpg" class="avatar user- 
    3604-avatar avatar-50 photo" width="50" height="50" alt="Profile picture of 
    ,,," />     </a>
    </div>

    <div class="acomment-meta">
    <a href="https://test.com/members/,,,/">,,,</a> replied <a 
    href="https://test.com/.../p/14688/#acomment-14691" class="activity-time- 
    since"><span class="time-since">15 hours, 12 minutes ago</span></a> </div>

    <div class="acomment-content"><p>Yes I done that  before is good 
    technique</p>
    </div>

    <div class="acomment-options">


    <a href="#" class="bp-secondary-action buddyboss_edit_activity_comment" 
    onclick="return buddypress_edit_activity_initiate(this);" data- 
    activity_id="14691">
            Edit            </a>


        <a href="https://test.com/delete/14691/? 
    cid=14691&amp;_wpnonce=2c0babed04" class="delete acomment-delete confirm 
    bp-secondary-action" rel="nofollow">Delete</a>


    </div>

    </li>

0 个答案:

没有答案