这个真的让我莫名其妙。我replaceWith()
用来“清除”文件输入字段。但是,当它替换它时,它又放回了错误的位置,我不知道为什么。我在标题中使用了“突然”一词,因为更神秘的是,当我周末停止工作时,替代品的工作方式完全符合预期。现在我回去工作了,突然就不行了。
这是调用之前的源 HTML replaceWith()
:
<label>Audio</label>
<i style="color:#888888;">MP3 or OGG format recommended</i>
<br>
<button id="clear_audio_input" style="display:none;">Clear</button>
<input type="file" value="" name="source_audio" style="width:300px;">
<br>
<div style="margin-top:15px;">
<b>Current: </b>
<i id="current_audio_source">1360954394_121RuleOfRosePianoEtudeI.mp3</i>
<br>
<input id="source_audio_value" class="required_media" type="hidden" value="1360954394_121RuleOfRosePianoEtudeI.mp3" name="source_audio">
<span id="current_audio_info_a"><input type="checkbox" style="position:relative;top:3px;margin-left:0px;" value="yes" name="source_audio_delete">
删除当前音频?当前音频将被替换
请注意名为“source_audio”的 FILE 输入字段的位置。它紧跟在“清除”按钮之后。
现在,在我调用 之后replaceWith()
,HTML 看起来像这样:
<label>Audio</label>
<i style="color:#888888;">MP3 or OGG format recommended</i>
<br>
<button id="clear_audio_input" style="display: none;">Clear</button>
<br>
<div style="margin-top:15px;">
<b>Current: </b>
<i id="current_audio_source">1360954394_121RuleOfRosePianoEtudeI.mp3</i>
<br>
<input type="file" value="" name="source_audio" style="width:300px;">
<input id="source_audio_value" class="required_media" type="hidden" value="1360954394_121RuleOfRosePianoEtudeI.mp3" name="source_audio">
<span id="current_audio_info_a" style="display: inline;"><input type="checkbox" style="position:relative;top:3px;margin-left:0px;" value="yes" name="source_audio_delete">
删除当前音频?当前音频将被替换
请注意,它现在向下几行并位于另一个 DIV 内。
这是控制“清除”按钮操作的脚本:
$("#clear_audio_input").live("click", function() {
$("input[name='source_audio']").replaceWith($("input[name='source_audio']").val('').clone(true));
$("#source_audio_value").val($("#current_audio_source").text());
$(this).hide();
$("#current_audio_info_a").show();
$("#current_audio_info_b").hide();
checkRequiredMedia();
return false;
});
这是基本的预期工作流程。加载时,清除按钮是隐藏的,因为没有任何东西需要清除。用户选择文件后,将出现清除按钮。单击按钮将清除文件输入(通过替换它),然后按钮将再次隐藏,基本上将表单返回到加载时的相同状态。
为什么会发生这种奇怪的事情(特别是因为几天前没有发生,从那以后我没有改变任何东西)?