Question

这是要检查的部分：

if (exercise.syllables.length === correctSylls.length) {
    $(this).closest('.syll-row').find('input.syl-input').replaceWith(getCorrectBtn());
    S.addRight();
    S.playRight();
}

，正确时应更改为：

function getCorrectBtn() {
    var correctBtn = $('<button/>', {
        'class': 'btn btn-success buttonCorrect',
        'type': 'button',
        'id': "button" + CBC++
    });
}

它不再显示为绿色的引导按钮，而是消失了。

Css：

.btn {
    margin: 0;
    display: inline-block;
    height: 38px;
    margin: 5px;
    outline: none !important;
}

input {
    width:100%;
    padding:5px;
    outline: none !important;
    text-align: center;
}

input[type="text"] {
    font-size: 150%;
    margin-top: 1vh;
    transition: color 1s;
}

Answer 1

此处缺少返回 function getCorrectBtn()

function getCorrectBtn() {
    var correctBtn = $('<button/>', {
        'class': 'btn btn-success buttonCorrect',
        'type': 'button',
        'id': "button" + CBC++
    });
    return correctBtn;
    }

Answer 2

getCorrectBtn函数不会返回创建的按钮。添加return语句。

function getCorrectBtn() {
   var correctBtn = $('<button/>', {
       'class': 'btn btn-success buttonCorrect',
       'type': 'button',
       'id': "button" + CBC++
   });
   return correctBtn;
}

当我将输入字段更改为按钮时，为什么我的输入字段不显示？

2 个答案: