Question

我觉得我错过了一些简单的事情，如果答案显而易见，请提前道歉，但这里有：

在我的页面上，我有许多列表，预期的行为是让用户点击列表项，并有一个填充了数据的详细信息窗格（其中一些是通用的，其中一些属于特定的那天） - 到目前为止一切顺利。但是，详细信息窗格还包含允许用户选择其他日期的表单。所有这些都在IE10中顺利运行。但是，在Firefox中，＆＃34;选择日＆＃34;表单完全没有响应 - 输入框不允许输入，提交按钮也不起作用。实际上，详细信息窗格中的文本都不是可选的，它是可见的，但用户无法对其进行任何操作。

在主页面上，我有一个空的div，其中包含id＆＃34;详细信息＆＃34;因此加载了：

$("ul").on('click', 'li', function(event) {
    if($("#details").is(":hidden")) $("#details").toggle("slow");
    var id = this.id.substring(2);
    $.ajax(appRoutes.controllers.Dashboard.getDetails(id)).done(
            function(data) { $("#details").html(data); });
});

详细信息div加载了这个html：

<h2>Details</h2>
<div id="universal details">
...data...
</div>
<div id="dailyInfo">
<script>
$(function() {
$("#daiDate").datepicker({dateFormat: "mm-dd-yy"});
});  
$("document").ready(function(){
  $("#detailsform").submit(function(event) {
  event.preventDefault();
  appRoutes.controllers.Dashboard.dailyDetails().ajax({
        data : $("#detailsform").serialize(),
        success: function(data) { $("#dailyInfo").html(data); }
  });
  });
});
</script>
<h4>Daily Details</h4>
<form action="/dfdetails" method="GET" id="detailsform" enctype="multipart/form-data">
  <input type="hidden" name="partID" value="146" />
  <input type="text" name="dataDate" id="daiDate" value="05-22-2014" />
  <input type="submit" value="Get" class="btn primary" id="getDAI"> 
</form>
<div "daily details">
...data...
</div>
</div>

重申一下，这一切都完全适用于IE10，由于我无法控制的原因（公司政策），我无法在Chrome中对此进行测试。我使用的是jQuery 2.1，如果这有任何区别的话。

在Firefox中加载到DIV中的内容的HTML表单无响应

0 个答案: