jQuery的克隆表單提交不工作

所以我有一些基本的HTML，包含一個模式框與<form>，我把該HTML並將其追加到<body>旁邊的div，一切都顯示correctl只有表單提交不起作用，它通過輸入或提交按鈕不起作用。jQuery的克隆表單提交不工作

$(document).ready(function() { 
    var windowWidth = (parseInt(window.innerWidth) - 15) + 'px', 
     windowHeight = $('body').css('height'); 

    $tk = $("#take-survey"); 
    var $html = $tk.css({'width': windowWidth, 'height': windowHeight}).clone(); 
    $tk.remove(); 
    $($html).appendTo(".put-me"); 
    $('body .put-me #take-survey').show(); 
}); 

<div id="take-survey" style="width: 1843px; height: 2120px; display: block;"> 
      <div class="modal"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 
          Dear User,<br><br> 
          Our goal is to provide the best service possible. Please take a 1 minute to complete the following customer service questionnaire. Your comments will enable us to see how we're doing overall and find out how we can improve.<br> It only takes 1 minute! 
         </div> 
         <div class="modal-body"> 





          <form name="newSurvey" action="index.php?id=25&amp;L=1&amp;tx_arxsurvey_fesurvey[action]=create&amp;tx_arxsurvey_fesurvey[controller]=Survey" method="post"> 
<div style="display: none"> 
<input type="hidden" name="tx_arxsurvey_fesurvey[__referrer][extensionName]" value="ArxSurvey"> 
<input type="hidden" name="tx_arxsurvey_fesurvey[__referrer][controllerName]" value="Survey"> 
<input type="hidden" name="tx_arxsurvey_fesurvey[__referrer][actionName]" value="new"> 
<input type="hidden" name="tx_arxsurvey_fesurvey[__hmac]" value="a:3:{s:9:&quot;newSurvey&quot;;a:4:{s:6:&quot;whyUse&quot;;i:1;s:13:&quot;otherServices&quot;;i:1;s:11:&quot;suggestions&quot;;i:1;s:8:&quot;tellMore&quot;;i:1;}s:6:&quot;action&quot;;i:1;s:10:&quot;controller&quot;;i:1;}77fcb50f86112b3acd1aa7f6eff2b4adeac7a664"> 
</div> 

           <label for="userProfile"> 
    What is your user profile? <span class="required">(required)</span> 
</label> 
    <select name="tx_arxsurvey_fesurvey[newSurvey][userProfile]"> 
     <option value="Real Estate Agency">Real Estate Agency</option> 
     <option value="Real Estate Marketing">Real Estate Marketing</option> 
     <option value="Floor Drawing Services">Floor Drawing Services</option> 
     <option value="Project Developers">Project Developers</option> 
     <option value="Property Management">Property Management</option> 
     <option value="Interior Design">Interior Design</option> 
     <option value="Architect">Architect</option> 
     <option value="Private User">Private User</option> 
     <option value="Furniture Retailer">Furniture Retailer</option> 
    </select> 
    <label>If other please specify:</label> 
    <input type="text" name="tx_arxsurvey_fesurvey[newSurvey][userProfileOther]"> 
<label for="useStatus"> 
    How often you use PlanningWiz? <span class="required">(required)</span> 
</label> 
<div class="hold-radios"> 
    <input type="radio" id="dailyUse" name="tx_arxsurvey_fesurvey[newSurvey][useStatus]" value="Daily"> 
    <label for="dailyUse">Daily</label> 
    <input type="radio" id="weeklyUse" name="tx_arxsurvey_fesurvey[newSurvey][useStatus]" value="Weekly"> 
    <label for="weeklyUse">Weekly</label> 
    <input type="radio" id="monthlyUse" name="tx_arxsurvey_fesurvey[newSurvey][useStatus]" value="Monthly"> 
    <label for="monthlyUse">Monthly</label> 
    <input type="radio" id="rarelyUse" name="tx_arxsurvey_fesurvey[newSurvey][useStatus]" value="Rarely"> 
    <label for="rarelyUse">Rarely</label> 
</div> 

<label for="whyUse"> 
    Why are you using a room planner? <span class="required">(required)</span> 
</label> 
    <textarea rows="15" cols="40" name="tx_arxsurvey_fesurvey[newSurvey][whyUse]"></textarea> 
<label for="otherServices"> 
    Are you using other room planning services as well? If so, why? <span class="required">(required)</span> 
</label> 
    <textarea rows="15" cols="40" name="tx_arxsurvey_fesurvey[newSurvey][otherServices]"></textarea> 
<label for="suggestions"> 
    What suggestions for improvement would you have? <span class="required">(required)</span> 
</label> 
    <textarea rows="15" cols="40" name="tx_arxsurvey_fesurvey[newSurvey][suggestions]"></textarea> 
<label for="tellMore"> 
    I'd also like to tell you that: <span class="required">(required)</span> 
</label> 
    <textarea rows="15" cols="40" name="tx_arxsurvey_fesurvey[newSurvey][tellMore]"></textarea> 

         </form></div> 
         <div class="modal-footer"> 
           <input class="save" type="submit" name="" value="Create new"> 
           <input type="button" value="Skip for now!" class="skip"> 

         </div> 
        </div><!-- /.modal-content --> 
       </div><!-- /.modal-dialog --> 
      </div><!-- /.modal --> 
     </div>

來源

2014-04-01 user2885793

份額HTML太 –

做爵士，因此關閉</form>標籤！更新了主帖 – user2885793

你究竟是什麼意思，不工作？ – dreamweiver

Submit按鈕不在窗體裏面後提交按鈕

<div class="modal-footer"> 
      <input class="save" type="submit" name="" value="Create new"> 
      <input type="button" value="Skip for now!" class="skip"> 

     </div> 
    </form> // add form close here

來源

2014-04-01 06:40:50

這真的很奇怪，因爲它在模板文件中，但在克隆上......它不復制關閉標記 – user2885793

您可以複製您的html代碼並將其放在提琴上單擊提交按鈕什麼也沒有發生，但添加了關閉標記後提交按鈕後表單提交 –

您需要重新初始化表單。就像這樣：



    $(document).find("form").trigger("create")

「在JQM 1.4，你可以簡單地調用$（your_form）.enhanceWithin（）有JQM使您的克隆形式中的所有元素在JQM 1.3.2，這是不可用的，所以我。猜測你將不得不使用觸發器（「創建」）來初始化事物。「

有一個相同的問題here

來源

2014-04-01 06:40:48 system7

jQuery的克隆表單提交不工作

回答

相關問題