爲什麼除了按鈕之外，所有HTML表單域都被禁用？

-2

下面的HTML非常簡單，但工作不正確。我不能爲我的生活看到是什麼造成了這一點。雖然有一個JS模塊，即使我註釋掉功能，也會發生這種情況。這不是一個CSS問題。沒有控制檯錯誤。該項目包括引導和角度，但他們不以這種形式使用爲什麼除了按鈕之外，所有HTML表單域都被禁用？

的jsfiddle

HTML

<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>Writer's Tryst - Manage Uploads</title> 
      table { 
       border-spacing:0; 
       border-collapse:collapse; 
      } 
      td, th { 
       padding: 5px; 
      } 
      .nbr-pages { 
       width: 48px; 
       text-align: right; 
       padding-right: 2px; 
      } 
      .delete { 
       cursor: pointer; 
      } 
     </style> 
    </head> 
    <body> 
     <h1>Manage Uploads</h1> 
     <form id=".form-manage-uploads"> 
      <table id="table-writer-uploads" >     
       <tr> 
        <th>Delete</th><th>TItle</th><th>Type</th><th>Form</th><th>Genre</th><th>Length</th><th>PDF</th><th>Save</th>     
       </tr> 
       <tr class="tr-clone" > 
        <td><img class="delete" src="img/icons/delete.png" alt="delete" /> </td> 
        <td><input class="title" name="title" placeholder="Title" autofocus="true" /></td> 
        <td> 
         <select class="work-type" name="work-type"> 
          <option value="1">Fiction</option> 
          <option value="2">Non-Fiction</option>  
         </select> 
        </td> 
        <td> 
         <select class="form-type" name="form-type"> 
         </select> 
        </td> 
        <td> 
         <select class="genre" name="genre"> 
         </select>    
        </td> 
        <td><input class="nbr-pages" name="nbrPages" required placeholder="Pages" /></td> 
        <td><a href="" class="synopsis" target="_blank">Synopsis/Query Letter</a></td> 
        <td class="id"><input type="hidden" /></td> 
        <td><button class="save">Save</button></td> 
       </tr> 
      </table> 
      <input class="current-id" type="hidden" /> 

     </form> 
     <script src="js/common.js"></script> 
     <script src="js/manage-uploads.js"></script> 
    </body> 
</html>

來源

2016-05-29 ron tornambe

如果ü可以使小提琴或類似演示的東西，它會很容易找到解決的辦法 –

我已經包括的jsfiddle ，但它工作正常。這是否提供了任何線索？ –

缺少你的小提琴，這是否與你的表單域做些什麼？ – Noppey

我發現了一個解決這個問題，所以回答他們的問題是更切實比我的。關鍵是處理文檔，而不是按鈕，其中包括內連類：

$(document).on("click", ".delete", function (e) { 
    ... 
});

來源

2016-05-31 02:42:07

爲什麼除了按鈕之外，所有HTML表單域都被禁用？

回答

相關問題