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);
}
}
現在の実装
- 画像リストのラジオボタンリストがあります。
- いずれかを選択すると、その画像 URL がローカル ストレージに保存されます。
- View ボタンをクリックすると、imgView のsrcにlocalstorage の値を設定します。
- Call Popup("Open")
私の問題は、[表示]ボタンをクリックしたときに初めて表示される画像が小さく、右中央に配置されていることです。次回別の画像または同じ画像を開くと、期待どおりに完全に表示されます。画像ごとに異なる可能性があるため、画像の高さと幅は指定しませんでした。
私は何を間違っていますか?
前もって感謝します