0

私の問題は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();
 }

助言がありますか :)

4

0 に答える 0