HTML咕嚕-精縮角形式提交按鈕不渲染（節點）

當服務於源文件，下面的角形式呈現正確並壓制當（i減少了形式的大小，以使事情簡潔）HTML咕嚕-精縮角形式提交按鈕不渲染（節點）

按鈕正確地提交

<form class="form-horizontal ng-submit="entry.addEntry()" novalidate> 
    <fieldset class="form-group"> 
     <label class="control-label col-md-2" for="price">Price:</label> 
     <div class="col-md-10"> 
      <input id="price" type="text" class="form-control" ng-model="entry.price" placeholder="Price" title="Price" /> 
     </div> 
    </fieldset> 

    <fieldset> 
     <button type="submit" class="btn btn-primary pull-right"> Submit Entry <i class="ion-checkmark-round"></i></button> 
    </fieldset>        
</form>

但是在縮小（使用Grunt和Usemin）並從Dist文件夾中提供縮小文件後，表單輸入呈現正確，但提交按鈕根本就不存在。

位於dist /腳本/腳本。*******的相關部分。JS顯示按鈕的HTML仍然存在

a.put('...<form class="form-horizontal" ng-submit="entry.addEntry()" novalidate> 
<fieldset class="form-group has-feedback"> <label class="control-label col-md-2" for="price">Price:</label> <div class="col-md-10"> <input id="price" type="text" class="form-control" ng-model="entry.price" placeholder="Price" title="Price"> </div> </fieldset> 
<fieldset>\r\n        <button type="submit" class="btn btn-primary pull-right"> Submit Entry <i class="ion-checkmark-round"></i></button>\r\n       </fieldset>\r\n       \r\n      </form>

顯然繁重的微小發送了按鈕dist文件夾，但它只是不會呈現，無論是在鉻或Firefox或從heroku。

唯一奇怪的事情，我可以指向是用一堆換行和回車沿插入到構建文件，這些奇怪的空間。

如果這是難辭其咎的，可以做些什麼？另外，爲什麼grunt文件會在按鈕周圍插入空格？它也在其他幾個領域做到了。但在任何情況下，手動刪除空格和換行似乎並沒有解決問題

在另一個非常類似的形式，按鍵也沒有涅槃後呈現。還有一些插入到縮小的腳本文件部分的空格。在應用中呈現和功能的所有其他按鈕涅槃

我的編輯後正確是Visual Studio代碼

請幫我看看這是什麼，我做錯了！

來源

2016-01-29 Jope

我解決了這個問題

這是一個輸入字段中的一個小錯誤。實際上，不是我上面發佈的那個。

我寫了一個textarea標籤acccidentally作爲一個自閉的標籤，在舊的輸入標籤

<textarea something something /></textarea>

unminified這被解讀爲我預期它是，所以當然誤差是從來沒有的方式檢測

但在縮小過程中它降至

<textarea something something />

從未正常關閉，因此去掉了一些後繼塊

，所以我想我可以從這個概括：

HTML解析器可以處理微小之前的一些失誤，但微小的解析器可以不同的方式處理錯誤和事後的錯誤可能會出現

所以任何奇怪應該導致對正確的標籤格式

的HTML仔細推敲縮小後的錯誤

來源

2016-01-30 09:14:19 Jope

HTML咕嚕-精縮角形式提交按鈕不渲染（節點）

回答

相關問題