1

Jquery Mobileのポップアップ用のid popupBasicを持つdivがあります

<div data-role="popup" id="popupBasic">
      <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a><img id="imgView" />
</div>

ボタンをクリックしてポップアップを開くには、btnViewPopup次のコードが使用されます。

function btnViewPopup() {
    try {
        if (localStorage.imageURL == undefined || localStorage.imageURL.length == 0 || localStorage.imageURL == "undefined") {
            Notify(22);
        }
        else {
            var source = localStorage.imageURL
            $("#imgView").attr('src', source);
            $("#popupBasic").popup("open");
        }
    }
    catch (err) {
    ErrorMessageDB("Issue Attachments", "btnAttViewClick", "", "click-to view attachment", err.message, localStorage.EmployeesKId4LastModifiedBy);
    }
}

現在の実装

  1. 画像リストのラジオボタンリストがあります。
  2. いずれかを選択すると、その画像 URL がローカル ストレージに保存されます。
  3. View ボタンをクリックすると、imgView のsrclocalstorage の値を設定します。
  4. Call Popup("Open")

私の問題は、[表示]ボタンをクリックしたときに初めて表示される画像が小さく、右中央に配置されていることです。次回別の画像または同じ画像を開くと、期待どおりに完全に表示されます。画像ごとに異なる可能性があるため、画像の高さと幅は指定しませんでした。

私は何を間違っていますか?

前もって感謝します

4

1 に答える 1