Javascript 为什么我的音节会被收回,而不是我的单词?

Javascript 为什么我的音节会被收回,而不是我的单词?,javascript,jquery,json,Javascript,Jquery,Json,因此,我能够以正确的方式提取音节,但不知何故,我无法提取我的单词,但问题是:我提取单词的方式与提取音节的方式完全相同 function getExerciseBlock(i, data) { var eBlock = $('<div/>',{ 'id': i, 'class': 'col-md-6 eBlock well' }); data = data || { word: '', syllables: ['

因此,我能够以正确的方式提取音节,但不知何故,我无法提取我的
单词
,但问题是:我提取
单词的方式与提取音节的方式完全相同

function getExerciseBlock(i, data) {
    var eBlock = $('<div/>',{
    'id': i,
    'class': 'col-md-6 eBlock well'
    });

    data = data || {
        word: '',
        syllables: ['','','','']
    };

    $(eBlock).append(
        getRemoveBtnExercise(i),
        getAudioBtn(i),
        getWordInput(i, data.word),
        getWordPartInput(i, data.syllables[0]),
        getWordPartInput(i, data.syllables[1]),
        getWordPartInput(i, data.syllables[2]),
        getWordPartInput(i, data.syllables[3])
    );
    return eBlock;
}
我的JSON如下所示:

{
    "main_object": {
        "id": "new",
        "getExerciseTitle": "Example",
        "language": "nl_NL",
        "application": "lettergrepen",
        "main_object": {
            "title": "Example",
            "language": "nl_NL",
            "exercises": [{
                "word": "Example",
                "syllables": [
                    "Example1",
                    "Example2",
                    "",
                    ""
                ]
            }
        ]
    },
    "dataType": "json"
    }
}
编辑:有人要求我提供以下功能:

getWordInput是
单词
应该放在哪里的函数(从我的JSON中取回时)


您只是在
getWordInput()
函数中缺少了
'value':cValue,
。编辑如下:

function getWordInput(id, cValue) {
    cValue = cValue || '';
    var wInput = $('<input/>', {
        'class': 'exerciseGetWordInput_' + id + ' form-group form-control ExerciseGetWordInput word',  
        'type': 'text',
        'value': cValue,
        'name': 'question_takeAudio_exerciseWord['+ exerciseAudioInput +']',
        'placeholder': 'Exercise',
        'id': 'exerciseGetWordInput',
        'required': true
 });
 return wInput;
}
函数getWordInput(id,cValue){
C值=C值| |'';
var wInput=$(''{
“类”:“exerciseGetWordInput”+id+“表单组表单控件exerciseGetWordInput word”,
“类型”:“文本”,
“值”:cValue,
'name':'question_takeAudio_exerciseWord['+exerciseAudioInput+'],
“占位符”:“练习”,
'id':'exerciseGetWordInput',
“必需”:true
});
返回wInput;
}

您有控制台错误信息吗?什么是
getWordInput
()`函数?如果你能整理一下你的格式,分享这些函数的代码,这也会非常有帮助。
getRemoveBtnExercise(i),getAudioBtn(i),getWordInput(i,data.word),getWordPartInput(i,data.sylleles[0]),getWordPartInput(i,data.sylles[1]),getWordPartInput(i,data.sylles[2]),getWordPartInput(i,data.sylles[3])
See:我知道getRemoveBtn和getAudioBtn与此无关。但你问我,我就交付。记住,一旦我提供了所有的功能,它就会变得一团糟。我是否有console.log错误?否。0。@musefan关于“整理格式”的说法是正确的。这是我必须努力的事情。抱歉,你能不能拿出一个例子来说明这个问题?目前,遵循您的代码有点困难。(你甚至可以使用它的“整洁”功能来帮助你格式化问题中的代码!)如果可以的话,我会给你1000个大拇指。你马上就搞定了。非常感谢你。我不能“投票”你的评论,因为我至少需要15个代表,但仍然。我非常感激当您遇到这种问题时,只需在控制台中尽可能多地打印即可。尽可能多地调试,您将很容易发现问题;)谢谢你的提醒。
  function getWordInput(id, cValue) {
  cValue = cValue || '';
 var wInput = $('<input/>', {
'class': 'exerciseGetWordInput_' + id + ' form-group form-control ExerciseGetWordInput word',  
'type': 'text',
'name': 'question_takeAudio_exerciseWord['+ exerciseAudioInput +']',
'placeholder': 'Exercise',
'id': 'exerciseGetWordInput',
'required': true
 });
 return wInput;
}
// This is the function that creates the syllable inputs.
function getWordPartInput(id, cValue){
 cValue = cValue || '';
var wpInput = $('<input/>', {
'class': 'form-group form-control syllable syl ' + TT ++,
'type': 'text',
'value': cValue,
'placeholder': 'Syllables',
'name': 'Syllablescounter['+ SyllablesID++ +']'
 });
 return wpInput;
}
function getAudioBtn(id, cValue){
 cValue = cValue || '';
  var audioBtn = $('<a/>', {
                'class': 'sound btn btn-primary'
            }).html('<i class="fa fa-volume-up"></i>');
 return audioBtn;
}

function getRemoveBtnExercise(target, i){
var RemoveExerciseBtn = $('<a/>', {
  'class': 'btn btn-danger'
 }).on('click', function(){  
 console.log($('.eblock').prop('id'))
    $('#' + target).remove();
}).html('<i class="fa fa-close"></i>');

return RemoveExerciseBtn;
}
$(document).ready(function() {
 var id = 0;
 var addOpdracht = $('<a/>', {
'class': 'btn btn-success',
'id': 'addOpdracht'
  }).on('click', function() {
  $('#my_form').append(getExerciseBlock(id));
  $(".exerciseGetWordInput_" + id).focus().select();
 id++;
 exerciseAudioInput++;
}).html('<i class="fa fa-plus fa-2x"></i>');

 $('#my_form').append(addOpdracht);
 $('#my_form').append(getExerciseTitle());
});
function getWordInput(id, cValue) {
    cValue = cValue || '';
    var wInput = $('<input/>', {
        'class': 'exerciseGetWordInput_' + id + ' form-group form-control ExerciseGetWordInput word',  
        'type': 'text',
        'value': cValue,
        'name': 'question_takeAudio_exerciseWord['+ exerciseAudioInput +']',
        'placeholder': 'Exercise',
        'id': 'exerciseGetWordInput',
        'required': true
 });
 return wInput;
}