IE에 밑줄이 추가되지 않았습니다.

jQuery와 밑줄을 사용하여 HTML 페이지를 동적으로 페이지에 추가했습니다. 코드는 Firefox 및 Chrome에서 작동하지만 IE에서는 작동하지 않습니다.IE에 밑줄이 추가되지 않았습니다.

감사합니다.

<html> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
<head> 
<style> 
table#uploads { 
    width: 500px; 
    border-spacing: 0; 
    border-collapse: collapse; 
} 

table#uploads tr { 
    width: 100%; 
} 

table#uploads td { 
    width: 30px; 
    border: 1px solid black; 
} 
</style> 
<script type="text/template" class="template"> 
<% _.each(items, function(item) { %> 
<tr> 
    <td><%- item.reference %></td> 
    <td><%- item.filename %></td> 
    <td><%- item.size %></td> 
    <td> 
     <button>Delete</button> 
    </td> 
</tr> 
<% }); %> 
</script> 
<script type="text/javascript" src="jquery-1.7.2.js"></script> 
<script type="text/javascript" src="underscore.js"></script> 
<script type="text/javascript"> 
_.templateSettings.variable = 'items'; 

var template = _.template(
     $('script.template').html() 
); 

function addUploads(result) { 
    var itemCount = result['itemCount']; 
    if (itemCount > 0) { 
     var fragment = template(result['items']); 
     var table = $('#uploads'); 
     table.append(fragment); 
    } 
} 

$(function() { 
    var result = { 
      itemCount: 1, 
      items: [ 
        { 
         filename: 'image.jpg', 
         reference: 'SQ1.jpg', 
         size: '1 Kb' 
        } 
      ] 
    }; 

    addUploads(result); 
}); 
</script> 
</head> 
<body> 
    <table id="uploads"> 
    </table> 
</body> 
</html>

출처

2013-06-07 Ammar

은 모두 <% - 그리고 <% =이 작동하지 않습니다! – Ammar

오류를 받으셨습니까? –

오류가 없습니다! HTML 조각이 올바르게 생성되었지만 주위에 많은 공백이 있습니다. – Ammar

나는 인라인 템플릿을 만들어 문제를 해결 :

var source = "<% _.each(items, function(item) { %><tr><td><%= item.reference %></td><td><%= item.filename %></td><td><%= item.size %></td><td><button class='delete'>Delete</button></td></tr> <% }); %> "; 
var template = _.template(source);

출처

2013-06-07 09:55:00 Ammar

IE에 밑줄이 추가되지 않았습니다.

답변

관련 문제