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;
}