2013-06-20 4 views
0

Я тестирую веб-приложение с весной MVC 3, и я сталкиваюсь с ошибкой, которую я не могу решить.Кнопка 'onclick' не работает в Internet Explorer

У меня есть контроллер, который дает мне список данных из БД, который обрабатывается в JSP с помощью инструкции forEach. Кроме того, внутри forEach у меня есть форма, которая будет отображаться в jquery-ui dialog после нажатия кнопки.

My JSP выглядит следующим образом:

<html> 
/** 
* 
* 
**/ 
<c:forEach items="${listaFecha}" var="fec"> 
      <tr> 
       <td><c:out value="${fec.id}" /></td> 
       <td><c:out value="${fec.NOM_ASUNTO}" /></td> 
       <td><fmt:formatDate value="${fec.FEC_INICIO}" pattern="dd-MMM-YYYY" /></td> 
       <td><fmt:formatDate value="${fec.FEC_FIN}" pattern="dd-MMM-YYYY" /></td> 
       <td><c:out value="${fec.PERIODO}" /></td> 
       <td><button id="faqIE${fec.id}" value="${fec.id}" onclick="changeFec(${fec.id})">Editar</button></td> 
      </tr> 
      <div id="edit-form${fec.id}" class="edit" style="text-align:center;" title="Editar Fecha">  </br> 
       <form name="fechasE" method="POST" target="_parent" action="<c:url value="/manage/insertaForm"/>" id="form2E${fec.id}"> 
        <label style="margin-right:133px;">Tipo de Solicitud: </label></br> 
        <input type="text" class="fields" name="asE" value="${fec.NOM_ASUNTO}" disabled/></br> 

        <label style="margin-right:158px;">Fecha Inicial: </label> </br>  
        <input type="text" class="fields" name="date1E" value="<fmt:formatDate value="${fec.FEC_INICIO}" pattern="dd-MMM-YYYY"/>" /></br> 

        <label style="margin-right:165px;">Fecha Final: </label></br> 
        <input type="text" class="fields" name="date2E" value="<fmt:formatDate value="${fec.FEC_FIN}" pattern="dd-MMM-YYYY"/>" /></br> 

        <label style="margin-right:185px;">Periodo: </label></br> 
        <input type="text" class="fields" name="pdE" value="${fec.PERIODO}"/></br> 
       </form> 
      </div> 
     </c:forEach> 
/** 
* 
* 
**/ 
<script type="text/javascript"> 
function changeFec(n) { 
    $("#edit-form"+n).dialog({  
      autoOpen: true,  
      height: 390,  
      width: 350,  
      modal: true, 
      resizable: false, 
      buttons: {   
       Editar: function() { 
         $("form2E"+n).submit(); 
         $(this).dialog("close");   
       },   
       Cancelar: function() {   
        $(this).dialog("close");   
       }  
      }   
     }); 
} 
</script> 

Он отлично работает в Opera, Google Chrome и Firefox, но в IE7,8,9 не. Я не знаю почему! Я искал часы без успеха! Надеюсь, кто-то может мне помочь.

Заранее благодарим за мой плохой английский.

EDIT:

Это, как он должен работать http://jsfiddle.net/NbddB/22/. Но значение в changeFec(value) должно быть динамическим, а divs создаются динамически внутри оператора forEach.

+0

показывает остальную часть кода, пожалуйста, или выполните jsfiddle –

ответ

0

Отвечая на мой вопрос! Извините, если кто-то потерял время, пытаясь помочь мне, я действительно одобряю это.

Проблема была в том, что я не дал вам достаточно информации о моей проблеме ... внутри таблицы (где была включена моя форма) Я использую tablesorter с плагином tablesorterPager, и это была проблема. Кажется, что tablesorterPager не слишком любит мою форму в диалоговом окне jquery-ui :(

Ну, единственное, что я сделал, это положить мою форму за стол, а затем все было отлично в каждом браузере! =)

Спасибо и приветствую.