因此,当用户想要添加扬声器时,我有一个div复制功能,以及用于删除所述扬声器之一的功能。
在后一个功能中,如果所有扬声器都已被移除,我想揭示课堂上唯一剩下的div(ID无关紧要)。
我在扬声器(底部)之间切换的功能很好(.hide()),但不是删除功能。即使我拿出if语句它也不起作用。请帮忙!
$('#submitSpeaker').click(
function duplicateSpeaker() {
var original = $('#speaker' + speakerCount);
var clone = original.clone(true, true);
var textnode = original.find('.speakerName').val();
var node = document.createElement("LI");
var a = document.createElement("a");
if (textnode == '') {
$.Dialog({
title: 'Wizard',
flat: true,
content: 'You must enter a Speaker Name.',
shadow: true,
padding: 10
});
return;
}
node.setAttribute('class', 'active speakerLI');
node.setAttribute('id', 'speakerLI' + speakerCount)
clone.attr("id", "speaker" + ++speakerCount);
original.hide();
original.parent().append(clone);
a.setAttribute('class', 'gotoSpeaker');
$(node).append(a);
$(a).append(textnode + ' ' + "<i class='icon-minus removeSpeaker'></i>");
document.getElementById("speakerList").appendChild(node);
clone.find('input').val('').end();
clone.find('textarea').val('').end();
clone.find('img').attr('src', '#');
});
$("#speakerList").on("click", "i.removeSpeaker", function () {
var speakerNum = $(this).closest('li').attr('id').replace(/speakerLI/, '');
$('#speaker' + speakerNum).remove();
$(this).closest('li').remove();
if ($('.speaker').length == 1) {
$('.speaker').show();
};
});
$("#speakerList").on("click", "a.gotoSpeaker", function () {
var speakerNum = $(this).closest('li').attr('id').replace(/speakerLI/, '');
$(".speaker").hide();
$('#speaker' + speakerNum).show();
});