Javascript firefox和自制jquery小部件的刷新问题
我在Firefox4上的自制jquery小部件有问题,我还没有测试过其他版本的Firefox 我的小部件的目的只是在“file”类型的输入之后添加2个输入元素。 下面是对小部件的调用和我的HTML代码:Javascript firefox和自制jquery小部件的刷新问题,javascript,jquery,jquery-ui,firefox,jquery-widgets,Javascript,Jquery,Jquery Ui,Firefox,Jquery Widgets,我在Firefox4上的自制jquery小部件有问题,我还没有测试过其他版本的Firefox 我的小部件的目的只是在“file”类型的输入之后添加2个输入元素。 下面是对小部件的调用和我的HTML代码: <script> $(function() { $('#first_file, #second_file').customFileInput(); }); </script> <div> <input type="file" id="f
<script>
$(function() {
$('#first_file, #second_file').customFileInput();
});
</script>
<div>
<input type="file" id="first_file" />
</div>
<br /><br />
<div>
<input type="file" id="second_file" />
</div>
如果禁用小部件并选择2个文件,然后使用F5刷新页面,浏览器将记住这两个文件
下面是我的小部件代码:
(function( $, undefined ) {
$.widget('ui.customFileInput', {
_create: function() {
var self = this;
self.fileInput = self.element;
var parent = self.fileInput.parent();
self.textInput = $('<input type="text" />');
self.browseInput = $('<input type="button" value="Do it" />');
parent.append(self.textInput);
parent.append(self.browseInput);
}
});
$.extend($.ui.customFileInput, {
version: "1.0",
});
})( jQuery );
如果在小部件激活的情况下,您尝试选择2个文件,然后按F5,则只会记住第一个文件。
问题的根源似乎是“append”方法。但我也尝试过insertAfter、insertBefore、add、wrap和其他方法,但总是存在同样的问题
有人知道如何解决这个问题吗
注意:我在IE 9上试过,但是这个糟糕的浏览器在按F5后无法记住字段值,所以这个问题不适用于这个浏览器
编辑:已更正错误我不清楚刷新后记住字段值是否正确。如果refresh没有将整个页面刷新回其刚加载的状态,那么这不是一个bug吗?我已经看到Firefox记住了这些字段。所以我必须处理它。当我的用户使用F5刷新或恢复会话时,字段会被记住,因此我必须正确初始化我的界面;