Question

我的代码只有一半工作 - 它带来了字体大小和字体系列，但没有别的:(。这是CSS：

#block2 {
    background-color: #99F5F5;
    border: solid;
    border-color: #7AC4C4;
    font-size: 30px;
    font-family: sans-serif;
    width: 355px;
    height: 40px;
}

这是我的jquery：

$(document).ready(function() {
    $('#btn1').click(function() {
        $("ul").addClass("#block2").append("<li>" + $("#txt1").val() + "</li>");
        $("#txt1").val("").focus();
    });
});

就像我上面所说 - 当我点击btn1时，我追加了一个新的＆＃39; li＆＃39;但CSS只带来了字体大小和字体宽度。请帮忙！！当我添加一个新的＆＃39;时，我希望＃block2的所有内容都能正常工作。

Answer 1

在CSS中进行更改，您将block2声明为ID #而不是类.

.block2 {
    background-color: #99F5F5;
    border: solid;
    border-color: #7AC4C4;
    font-size: 30px;
    font-family: sans-serif;
    width: 355px;
    height: 40px;
}

这是Jquery：

$(document).ready(function() {
    $('#btn1').click(function() {
        $("ul").addClass("block2").append("<li>" + $("#txt1").val() + "</li>");
        $("#txt1").val("").focus();
    });
});

Answer 2

问题是我的HTML。在我的＆＃39; ul＆＃39;上我有class = block2。我从HTML中删除了这个类并将其保留在CSS中，将.addClass放在jquery中的ontline上并且做了＆＃39; li＆＃39;而不是＆＃39; ul＆＃39;它工作得很好。谢谢大家让我更好理解!!!

将CSS样式引入jquery代码

2 个答案: