append的页面上文件上传功能不响应

Question

开发环境是asp.net mvc5

1、在页面上创建一个DIV

<div id="load-dynamic-page" class="dsparea"></div>

2、创建一个分部页：AddPage

<form enctype="multipart/form-data"
      method="post"
      action='@Url.Action("add", "order")'
      onclick="return false">
     <input type="file" name="file" />
     <button type="submit" data-form="submit"  value="save">保存</button></form>

3、在#load-dynamic-page中动态加载分部页面：AddPage

$('#load-dynamic-page').empty();
$.post(url, para)
        .done(function (data, status, jqxhr) {
            $('#load-dynamic-page').append(data)            return false;
 })

问题，页面是可以正常加载的，但是那个fileinput的标签无法使用，点击按钮一点儿反应都没有。

如果我在#load-dynamic-page的后面再创建一个DIV,直接写入<input type="file" name="file" />是可以点击选择选择文件按钮同时可以浏览文件的

 

请问我是哪儿加载错了吗？为什么ajax动态加载的页面就是不能点击呢，动态加载出来的页面上的保存按钮是可以正常使用的。

Answer 1

是form中的onclick="return false"引起的，建议用onsubmit="return false"