1

我正在为 Orchard CMS 编写模块。我有几个元素的投影?并且每个元素都有自己的 javascript 弹出窗口,在单击“弹出”按钮后出现。

如何通过键盘箭头在弹出窗口之间切换?每个弹出窗口都从它自己的模型中获取数据。

模型:

<div id="marketpart">
<img src="@(new HtmlString("/Media/Catalog/" + @Model.Path))" alt = "no image" width="200px" height="150px"/><br />
@T("ProductName -") @Model.Name<br />
@T("Art - ") @Model.Art<br />
@T("Packing - ") @Model.Packing<br />
@T("Country - ") @Model.Country<br />
@T("Price - ") @Model.Price<br />

<div id="@Model.Art" class="popup">
<img src="@(new HtmlString("/Media/Catalog/" + @Model.Path))" alt = "no image" width="200px" height="150px"/><br />
@T("Name - ") @Model.Name<br />
@T("Art - ") @Model.Art<br />
@T("Price - ") @Model.Price<br />
@T("Packing - ") @Model.Packing<br />
@T("Country - ") @Model.Country<br />
<button onclick="closePopup('@Model.Art');" class="price"></button>

JS:

function showPopup(id) {
var popup = document.getElementById(id);
popup.style.display = 'block';
}

function closePopup(id) {
var popup = document.getElementById(id);
popup.style.display = 'none';
}

document.onkeydown = checkKeycode
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
if (keycode == 37) {
    alert("left");
}
if (keycode == 39) {
    alert("right");
}
}

所以,我需要在按键“左”或“右”的模型之间切换(我的代码中的警报)。

4

0 回答 0