Tp5.1シンプルなメッセージボードバージョン1(学習記録)

ぎこちないです。とにかく、それは彼自身の学習記録です。それがどこにあってもかまいません。

メッセージの内容と正確なコメントを取得するにはどうすればよいですか?{volist} {/ volist}タグを使用してループを作成し、

<button class="good" id="{$vo.id}" type="button" value="">点赞数目{$vo.dianzan}</button>
            <button class="bad" id="{$vo.id}" type="button" value="">讨厌数目{$vo.taoyan}</button>
            <button class="speak" id={$i} type="button">提交评论</button>
            <input class="text-s" id={$vo.id} type="text" value="" />
            <button class="look" id="{$i}" type="button" value="">展示评论</button>
            <button class="close" id="{$i}" type="button" value="">关闭评论</button>
            <div class="show" id="{$vo.id}">
            </div>
            <button id="worring" type="button">举报</button>
        </div>

classとidを使用して、ボタンの名前と正確な位置をそれぞれマークします。

文を追加します。クラスとIDの使用方法はすでに漠然と知っています。実際には、実際の知識です。

$(document).ready(function() {
            var check = 1;
            $(".look").click(function() {
                var x = $(this).attr('id');
                var x = x - 1;
                $(".show:eq(" + x + ")").show();
                var ids = $(".show:eq(" + x + ")").attr("id");
                //文章id
                $.ajax({
                    type: "post",
                    url: "http://liuyanban.cn/public/index.php/index/index/huifu",
                    data: {
                        'id': ids,
                    },
                    dataType: "json",
                    complete: function(i) {
                        var d = eval("(" + i.responseText + ")");
                        var check = d.length;
                        console.log(check);
                        var num;
                        if (check != 0) {
                            for (num = 0; num < d.length; num++) {
                                var new_span = "<span class = 'ls1' >" + d[num]['pltime'] + "</span>";
                                var new_br = "<br>";
                                var new_span1 = "<span class = 'ls2' >" + d[num]['uid'] + " *对* " + d[num]['toid'] + "说:" + "</span>";
                                var new_span2 = "<span class = 'ls3' >" + d[num]['pinglunneirong'] + "</span>";
                                var new_br1 = "<br>";
                                // var new_br2 = "<button  type = 'button'>" + "回复按钮暂时不启用" + "</button>" + "<br>";
                                $(".show:eq(" + x + ")").append(new_span, new_br, new_span1, new_span2, new_br1);
                            }
                        } else {
                            var span = "<span>" + "暂时没有人评论!不是政敏的原因哦" + "</span>";
                            $(".show:eq(" + x + ")").append(span);
                        }
                    }
                })
            });
            $(".close").click(function() {
                var x = $(this).attr('id');
                var x = x - 1;
                $(".show:eq(" + x + ")").hide();
                $(".show:eq(" + x + ")").empty();
            });
            $(".speak").click(function() {
                var x = $(this).attr('id');
                var x = x - 1;
                var m = $(".text-s:eq(" + x + ")").val();
                var n = $(".text-s:eq(" + x + ")").attr("id");
                if (m != '') {
                    $.ajax({
                        type: "post",
                        url: "http://liuyanban.cn/public/index.php/index/index/pinglun",
                        data: {
                            'id': n,
                            'text-body': m
                        },
                        dataType: "json",
                        success: function(data) {
                            window.location.reload();
                        }
                    })
                } else {
                    alert("请输入评论内容");
                }
            });
            $(".good").click(function() {
                var Oa = $(this);
                var id = Oa.attr('id');
                $.ajax({
                    type: "post",
                    url: "http://liuyanban.cn/public/index.php/index/index/dianzan",
                    data: {
                        'id': id
                    },
                    dataType: "json",
                    success: function(data) {
                        window.location.reload();
                    }
                })
            });
            $(".bad").click(function() {
                var Oa = $(this);
                var id = Oa.attr('id');
                $.ajax({
                    type: "post",
                    url: "http://liuyanban.cn/public/index.php/index/index/taoyan",
                    data: {
                        'id': id
                    },
                    dataType: "json",
                    success: function(data) {
                        window.location.reload();
                    }
                })
            });
        });
   

さて、上記はjQueryのコードですが、最初はあまり理解できなかったので、フォーラムの大物たちのメソッドを見て、ごみを自分で見つけました。しかし、クリックしてコメントを表示し、クリックしてコメントを閉じるという致命的なバグがまだあるため、コメントの内容は繰り返されません。ただし、クリックしてコメントを表示し続けると、閉じるをクリックするまで繰り返し表示されます。それでも完全な機能は制限されるはずですが、私のスキルは本当に限られたQWQです。

他は何もありません。次のバージョンは、インターフェースの見栄えを良くし、ブートストラップで美化することです。前回の記事で述べたさまざまな機能もあります。

給与が支払われるまでにはまだ2日ありますが、金額は非常に少ないのですが、実際には少額ですが、私のテクニカルスカムとの関係は99%です。月末に退学しましたが、夏休みにまた英語を勉強し、CET-4の証明書を取り、高校の情報教師の試験を受けます。ちょっと、学部に入学するのは気持ちがいいです。

最後の文、私のコードを叱ることができます。私を叱らないでください。私は太った家で、現在の充電器でもキーボードの男でもありません。行かせてください。

 

おすすめ

転載: blog.csdn.net/github_36544258/article/details/91862920