像这种点击就d出评论框的jquery怎么做?说说思路

像这种点击就d出评论框的jquery怎么做?说说思路,第1张

比如底下那个评论列表的容器层 ,也就是你画的红框的id="pinlun",

两种思路:

整个页面加载的时候就把评论也加载完了,但是先隐藏起来,点击时候显示

点击时候实时跟后台ajax交互获取数据,然后innerHtml到pinlin这个层里显示出来。

如果你只要前端显示的话就用DOM,创建一个onclick函数,var newText=document.getElementById("...").value,然后创建新文本var addText=createTextnode(newText),再在评论列表.appendChild(addText)

如果要保存在服务器再从中读取的话就得用AJAX了

<a href="#" onclick="ok()" id="a">评论</a>

<div id="cont">

</div>

<div id="pp" style="width:200pxheight:50pxdisplay:none">

    <textarea id="tra"></textarea>

    <input  type="button" value="确定" onclick="save()"/>||<input  type="button" value="取消"/>

</div> <script>

    function ok() {

        $("#tra").val("")

        $("pp").show("slow")

    

    }

    function save() {

        var cont = $("#tra").val()

        alert(cont)

    }

    document.onclick = function (event) {

        var e = event || window.event

        var elem = e.srcElement || e.target

        while (elem) {

            if (elem != document) {

                if (elem.id == "a" || elem.id == "tra") {

                    $("#pp").show("slow")

                    return

                }

                elem = elem.parentNode

            } else {

                $("#pp").hide("slow")

                return

            }

        }

    }  

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11611185.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存