私の問題はIEでのみ表示され、最初に接続したときにのみ、ページを更新すると画像が表示されます!!! 私のページは、jQuery のスクリプトを上に置き、その後に html を作成します。
<div id="statusbar" >
<img class="statusbar_phone" />
<img class="statusbar_text" />
<img class="arrow" style="display:none" src="//expertsimages.liveperson.com/images/phonewidget/arrow_up.png" />
</div>
最初の 2 つの画像は、サービスから適切な画像を取得する必要があります。
function InitExpertStatus() {
service.GetExpertStatus(function (data) {
$('.arrow').show();
switch (data) {
case "online":
{
SetStatusAvailable(true);
InitPhonNumbers();
break;
}
case "offline":
{
SetStatusAvailable(false);
InitPhonNumbers(data);
break;
}
case "busy":
{
$('.phone_status').text("You are busy.");
$('.set_numbers').text("You can only switch phone numbers when you're not busy. Please try after your chat or phone session is over.");
$('.set_numbers').css('color', '#FF7E00');
$(".statusbar_phone").attr("src", "//expertsimages.liveperson.com/images/phonewidget/phone_red.png");
$(".statusbar_text").attr("src", "//expertsimages.liveperson.com/images/phonewidget/txt_busy.png");
$("#phoneIDMessage").hide();
HideNumbers();
break;
}
case "blocked":
{
HideNumbers();
$('.set_numbers').hide();
$('#editNumbersLink').hide();
$('#contactUs').show();
$('.phone_status').text("Your account has been blocked.");
$('.phone_status').css('color', '#FF0000');
SetStatusAvailable(false);
break;
}
default:
}
});
}
function SetStatusAvailable(isAvailables) {
if (isAvailables) {
$(".statusbar_phone").attr("src", "//expertsimages.liveperson.com/images/phonewidget/phone_blue.png");
$(".statusbar_text").attr("src", "//expertsimages.liveperson.com/images/phonewidget/txt_available.png");
$("#phoneIDMessage").show();
}
else {
$(".statusbar_phone").attr("src", "//expertsimages.liveperson.com/images/phonewidget/phone_red.png");
$(".statusbar_text").attr("src", "//expertsimages.liveperson.com/images/phonewidget/txt_notavailable.png");
$("#phoneIDMessage").hide();
}
$('#contactUs').hide();
}
助言がありますか :)