文章/答案/技术大牛

发布

问图标没有显示
EN

Stack Overflow用户

提问于 2018-08-08 09:41:33

回答 1查看 40关注 0票数 0

我正在尝试显示一个接一个的图标，比如开始(*)，这将代表医疗机构的仲裁。

    <tbody>                                                   
   @{  
 int i = 0;


foreach (var item in medProviders)
 {
     if (item.Arb==true) { 
<tr class="sortList" style="cursor:pointer" id="increment-@i" data-id="@item.Id" data-lat="@item.Latitude" data-long="@item.Longitude">
                                                                    <td>@item.Firstname 
br/>
<i class="fa fa-heart"></i>
</td>                                                                       
 <td id="distance-@i"></td>
<td id="duration-@i"></td>                                                                                                                                                                                                                                             
</tr>
 i++;
    }
      }
         }

</tbody>

就像这样：

OnClick脚本

$(".town").click(function () {
    $.getJSON("/NfDocuments/LoadMedicalProviders", { town: $(this).attr('data-town') },
        function (data) {
            $('#medProviders').empty();
            var p = 0;
            $.each(data, function () {
                $("#medProviders").append("<tr class='sortList' style='cursor:pointer' id='increment-" + p + "' data-id='" + this.Id + "'  data-lat='" + this.Lat + "' data-long='" + this.Lon + "'><td>" + this.Title +" <span><i class='fa fa-heart'></i></span> </td><td id='distance-" + p + "'><br/></td><td id='duration-" + p + "'></td></tr>");

                p++;
            });
        });
});

icons

display

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-08 10:42:08

查看一下单击函数

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

</head>
<body>

<div class="container">
  <button type="button" class="btn btn-primary mybtn" data-toggle="modal" data-target="#myModal">
  Click To add Icon
  </button>

<table border="1" class="nytable">
    <th>Name</th>
    <th>Icon</th>
    <tr>
        <td>Blah</td>
        <td><i class="fa fa-heart"></i></td>
    </tr>
</table>
  
</div>
<script>
    $('.mybtn').click(function(){
       $('.nytable').append('<tr><td>Blah</td><td><i class="fa fa-heart"></i></td><tr>')
    });
   
</script>
</body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51743447

复制

相似问题

问图标没有显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问图标没有显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问图标没有显示
EN