当我点击MVC视图中的图像时，如何打开另一个页面

How to open another page when I click on Image in MVC view

本文关键字：何打开 另一个 图像 MVC 视图      更新时间：2023-09-26

我的数据视图如下所示：

@foreach (var movieDetails in Model)
{
    <div class="sameLine" onMouseOver="focusDiv(this)"  id="c4" onmousewheel="moveFocus(event)" onclick="playMovie(this)">
            <table border ="1" class="contentTable">
                <tr>
                <td align="center">
                <img src = @movieDetails.Thumbnail alt = @movieDetails.Thumbnail class="imgStyle"/>
                <div class="tvShowPanel">
                    @movieDetails.Title
                </div>
                </td>
                </tr>
            </table>
      </div>
}

当用户点击图像或包含图像的div时，我希望用户从当前页面导航到另一个页面，所以我用javascript处理了这个问题，但之后没有得到任何提示：

function playMovie(obj) {
    alert("Image Clicked");
}

另外，请告诉我如何使用playMovie导航到其他页面？我应该将查询字符串querystring与document.location或window.location一起使用吗？

如果是，我如何将查询字符串从视图传递给javascript？

当前的应用程序和Youtube类似，当你们点击缩略图时，它应该导航到另一个页面并开始播放视频。

编辑：

MovieDetails类如下：

public class MovieDetails
    {
        public string Title { get; set; }
        public string Thumbnail { get; set; }
        // public string URI { get; set; }
        public string Description { get; set; }
        public string MovieURI { get; set; }
        // public List<Response> Response { get; set; }
    }

将您的<img>元素放入<a>元素中，然后您可以通过单击图像导航到您想要的任何位置。

@foreach (var movieDetails in Model)
{
    <div class="sameLine" onMouseOver="focusDiv(this)"  id="c4" onmousewheel="moveFocus(event)" onclick="playMovie(this)">
            <table border ="1" class="contentTable">
                <tr>
                <td align="center">
                <a href="@movieDetails.MovieURI">
                <img src = @movieDetails.Thumbnail alt = @movieDetails.Thumbnail class="imgStyle"/>
                <a/>
                <div class="tvShowPanel">
                    @movieDetails.Title
                </div>
                </td>
                </tr>
            </table>
      </div>
}
相关文章：