我向Web应用程序添加了通知。
这是运行并在通知栏上显示通知的JavaScript。
对于通知,我希望为每行显示一个通知图标。
当我运行程序时,图像不显示。
这是我尝试添加图像的方式:
$("#menu1").append('<li> <a> <span class=image><img src ="~/Theme/production/images/Annon.png"/> </span> <span>' + value.Ndetails + '</li><hr/>');
这是完整的代码:
function LoadData() {
$('#menu1').empty();
$('#menu1').append($('<li> Loading.. </li>'));
$.ajax({
type: 'GET',
url: $("#Get").val(),
dataType: 'json',
data: {},
success: function (data) {
if (data.Success == true)
$('#menu1').empty();
if (data.listNoti.length == 0) {
$('#menu1').append($('<li>There is nothing to show </li>'));
}
$("#notiCount").empty();
$("#notiCount").append(data.listNoti.length);
$.each(data.listNoti, function (index, value) {
$("#menu1").append('<li> <a> <span class=image><img src ="~/Theme/production/images/Annon.png"/> </span> <span>' + value.Ndetails + '</li><hr/>');
});
$("#menu1").append('<li><button onclick="ClearNotifications();"style="border:none;background-color: transparent;"><i class="fa fa-refresh"></i> Clear All Notifications</button></li>')
}
}
});
}
1条答案
按热度按时间vs3odd8k1#
似乎您提供了错误的相对路径
不如这样
图片参考:click this link to see an example for good relative path