JS学习中遇到的问题

最新推荐文章于 2022-07-19 23:14:25 发布

叫我泽西哥好吗

最新推荐文章于 2022-07-19 23:14:25 发布

阅读量749

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/u013897685/article/details/51759604

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1.js给input text文本框

$("#txt_appId").attr('value',arr[0].appId);
$("#txt_appId").val(arr[0].appId);

第一种赋值不能及时在文本框展示出来，但是F12调试可以看到，value已经赋值。
第二种没问题。现在不知道什么原因。

2.通过js append添加的元素无法remove 参考此博客

//这样不行
var html = "<div class=\"dialog-buy dialog-buy-success\" style=\"display: block;\">\n" +
        "        <div class=\"dialog-buy-con\">\n" +
        "            <h2 class=\"buy-success-title\">恭喜您，购买成功！</h2>\n" +
        "            <p>正在为您自动跳转，也可以手动返回</p>\n" +
        "            <div class=\"dialog-buy-bottom\">\n" +
        "                <p class=\"time-text\"><span>5</span>秒后自动跳转...</p>\n" +
        "                <a class=\"btn-dialog-back\">返回</a>\n" +
        "            </div>\n" +
        "\n" +
        "        </div>\n" +
        "\n" +
        "    </div>";
        
$("body").append(html);
$(".dialog-buy .dialog-buy-success").remove();

//修改后就ok了
var html = $("<div class=\"dialog-buy dialog-buy-success\" style=\"display: block;\">\n" +
        "        <div class=\"dialog-buy-con\">\n" +
        "            <h2 class=\"buy-success-title\">恭喜您，购买成功！</h2>\n" +
        "            <p>正在为您自动跳转，也可以手动返回</p>\n" +
        "            <div class=\"dialog-buy-bottom\">\n" +
        "                <p class=\"time-text\"><span>5</span>秒后自动跳转...</p>\n" +
        "                <a class=\"btn-dialog-back\">返回</a>\n" +
        "            </div>\n" +
        "\n" +
        "        </div>\n" +
        "\n" +
        "    </div>");
$("body").append(html);
html.remove();

3.js浮窗倒计时浮窗关闭

$(function(){
	buySuccessDialog();
});
function buySuccessDialog(){
    var html = $("<div class=\"dialog-buy dialog-buy-success\" style=\"display: block;\">\n" +
        "        <div class=\"dialog-buy-con\">\n" +
        "            <h2 class=\"buy-success-title\">恭喜您，购买成功！</h2>\n" +
        "            <p>正在为您自动跳转，也可以手动返回</p>\n" +
        "            <div class=\"dialog-buy-bottom\">\n" +
        "                <p class=\"time-text\"><span>5</span>秒后自动跳转...</p>\n" +
        "                <a class=\"btn-dialog-back\">返回</a>\n" +
        "            </div>\n" +
        "\n" +
        "        </div>\n" +
        "\n" +
        "    </div>");
    $("body").append(html);
    window.setTimeout(go(html), 1000);
    $(".btn-dialog-back").click(function () {
        html.remove();
    });
}
function go(thiz) {
    var i = 5;
    var wait = setInterval(function () {
        i --;
        if (i>0){
            $(".time-text span").html(i);
        }else{
            clearInterval(wait);
            thiz.remove();
        }
    },1000)
}