无法将部分视图显示为 JQuery Mobile 对话框

关键词：

【中文标题】无法将部分视图显示为 JQuery Mobile 对话框【英文标题】：Unable to display Partial View as JQuery Mobile dialog 【发布时间】：2012-08-04 03:47:09 【问题描述】：

我整理了一个简单的例子：

我有一个缩略图列表，我想在选择列表中的图像时显示更大的图像：

@if (Model.GalleryIcon.Any())

    foreach (var cell in Model.GalleryIcon)
      
        <a href="/Logo/MobileImage?url=@cell.TargetImagePath" data-rel="dialog" data-transition="pop" ><img src="@cell.ThumbInvPath" /></a>        
        

/Logo/MobileImage?url=@cell.TargetImagePath 返回一个局部视图，其中@Model 是一个 imagePath 字符串：

@model string

<div id="logo-image-wrap">
      <img src='@Model' id="logo-wrap-mobile-image"/>
      <br />
      <a href="#" data-role="button" data-rel="back" data-icon="arrow-l">Back</a>
 </div>

这项工作是我在锚上设置 rel="external" 并简单地在新的单独页面中打开图像，但它不能用作对话框。 当从列表中选择缩略图图像时，会出现一个空白对话框，并显示“未定义”

当从列表中选择缩略图时，如何在对话框中使用图像详细信息来显示部分视图加载？

谢谢。

【问题讨论】：

【参考方案1】：

编辑三：

对于任何试图利用我的回答的人，我深表歉意。我不知何故错过了问题的整个“移动”部分，所以我在这里的例子+解释完全无关紧要。如果您想查看以前编辑的代码和其他内容，请单击答案下方的“已编辑”链接。

在与 OP 讨论了这个问题后，我们认为这样的事情可能会起作用（但需要在我们知道之前进行测试）：

修改生成的锚点，为我们的 jQuery 绑定添加一个钩子：

<ul>
...
    <li><a class="btn" href="someurl">Art</a></li>
...
</ul>

然后，我们需要为这些链接的点击事件添加一个处理程序：

$('a.btn').on('click', function(event)
    event.preventDefault();
    var href = $(this).attr('href');
    $.mobile.changePage( href,  role: 'dialog', transition: 'slide'  );
);

这应该做什么它向我们想要显示的页面发出请求，该页面被 jQuery Mobile 框架劫持。第二个参数告诉框架将页面显示为对话框，而不是“导航”到它。

【讨论】：

请。我不必为列表中的所有项目加载部分视图，是吗？ 取决于你的意思。发布示例后，我的意思可能会更明显。 无论何时。这是你的问题。只要记住对任何看起来不明显的事情寻求解释。 再次编辑答案。我想我想太多了。看看第二个例子是否更有意义。 谢谢蒂森。就像我说的，这只是一个简单的例子。如果我确实有一个更复杂的模型绑定部分视图需要显示为对话框，我是否真的需要预加载每个可能最终成为页面上模态对话框的实例？例如，如果我的列表中有 100 个缩略图图像，我是否需要将 100 个填充了模型数据的占位符部分视图预加载到 DIV 中，然后才能正确打开对话框？这对我来说没有意义。谢谢阿甘【参考方案2】：

我认为您可能会尝试通过 onclick 事件而不是动态 dom 加载的内联语句来调用对话框。通过这种方式，您可能有机会加载创建的 dom 元素，而不是正在处理的元素。在 onclick 事件中，您还可以在发送到对话框之前通过 .load 刷新 dom。

【讨论】：

【参考方案3】：

详细解决办法贴在这里：

http://usnitch.blogspot.com/2012/08/jquery-mobile-how-to-dynamically-load.html

【讨论】：

动态填充 jQuery Mobile 列表视图内容

...态生成的列表视图来显示来自数据库的一堆数据。虽然大部分内容都在数据库中，并且在页面加载之前由django生成，但我还想将一些内容插入到使用HTML5localStorage存储的列表视 查看详情

如何将数据绑定到 Jquery Mobile 列表视图

】如何将数据绑定到JqueryMobile列表视图【英文标题】：HowtobinddatatoJqueryMobilelistview【发布时间】：2013-02-1516:40:16【问题描述】：下面是我的代码，数据没有绑定到列表视图。显示一个空白页面。<divdata-role="page"id="index"><divda... 查看详情

jquery mobile无法获取经纬度

】jquerymobile无法获取经纬度【英文标题】：Jquerymobileunabletogetlatitudeandlongitude【发布时间】：2013-06-2301:51:12【问题描述】：我正在尝试使用Jquery在我的移动应用程序中获取当前位置。我按照本教程进行操作，并复制了示例。我将... 查看详情

Jquery mobile：更改列表视图的标题

】Jquerymobile：更改列表视图的标题【英文标题】：Jquerymobile:Changetheheaderofalistview【发布时间】：2016-12-2300:25:28【问题描述】：对于我认为有点简单的问题，我已经四处寻找答案。我看到的所有答案都是说使用不起作用的\'.text（... 查看详情

在 div 中导航 jQuery Mobile 嵌套列表视图

】在div中导航jQueryMobile嵌套列表视图【英文标题】：NavigatejQueryMobilenestedlistviewwithinadiv【发布时间】：2015-02-0204:14:57【问题描述】：我正在尝试将页面上的嵌套列表放入div元素中，它工作正常，直到我单击一些具有后代元素的项... 查看详情

SWIFT：在具有多个部分的表视图中显示字典时，无法将具有标识符单元格错误的单元格出列

】SWIFT：在具有多个部分的表视图中显示字典时，无法将具有标识符单元格错误的单元格出列【英文标题】：SWIFT:unabletodequeueacellwithidentifiercellerrorwhendisplayingadictionaryinatableviewwithmultiplesections【发布时间】：2015-11-1321:01:42【问题描... 查看详情

从木偶视图重新加载部分车把将无法访问为父视图中的部分模板元素定义的 ui 对象

】从木偶视图重新加载部分车把将无法访问为父视图中的部分模板元素定义的ui对象【英文标题】：Reloadinghandlebarspartialfrommarionetteviewlosesaccesstouiobjectdefinedforpartialtemplateelementwithinparentview【发布时间】：2014-07-2916:29:57【问题描述... 查看详情

jQuery Mobile 动态列表视图

】jQueryMobile动态列表视图【英文标题】：jQueryMobiledynamiclistview【发布时间】：2016-09-3003:14:41【问题描述】：我创建了一个jquerymobilephonegap移动应用程序，用于显示来自rss提要的技术新闻。在网络导航器上它可以正常工作，但是当... 查看详情

无法将谷歌静态地图加载到jquery mobile中的div中

】无法将谷歌静态地图加载到jquerymobile中的div中【英文标题】：unabletoloadgooglestaticmapintodivinjquerymobile【发布时间】：2014-02-0722:12:27【问题描述】：我正在尝试将谷歌静态地图图像加载到JQM中的div中在萤火虫中，我可以看到图像正... 查看详情

JQuery Mobile Linked Listview 无法正常工作？

】JQueryMobileLinkedListview无法正常工作？【英文标题】：JQueryMobileLinkedListviewnotworkingproperly?【发布时间】：2018-04-2215:24:58【问题描述】：所以，我正在使用JQueryMobile制作移动电子商务应用程序，但遇到了以下问题。登录后，应用程... 查看详情

无法使用 Jquery 将数据从视图发送到控制器 Asp.net MVC

】无法使用Jquery将数据从视图发送到控制器Asp.netMVC【英文标题】：UnabletosendthedatafromviewtocontrollerAsp.netMVCusingJquery【发布时间】：2021-08-2322:01:09【问题描述】：我正在尝试将数据从我的视图发布到控制器，但计数始终为0。我可以... 查看详情

具有多个过滤器的 JQuery Mobile 可过滤列表视图

】具有多个过滤器的JQueryMobile可过滤列表视图【英文标题】：JQueryMobilefilterablelistviewwithmultiplefilters【发布时间】：2016-05-2612:28:50【问题描述】：我有一个JQM1.4.2可过滤列表视图，其中包含不同语言的条目。我只想在项目代码中搜... 查看详情

无法将图像加载到编辑视图中的部分视图

】无法将图像加载到编辑视图中的部分视图【英文标题】：Can\'tloadimagetopartialviewineditview【发布时间】：2021-12-1809:43:48【问题描述】：在我的应用程序中，以前我在将数据加载到局部视图时遇到了问题。在帮助下，我解决了这个... 查看详情

无法通过 ASP.NET Core 中的 JQuery ActionResult 调用加载部分视图

】无法通过ASP.NETCore中的JQueryActionResult调用加载部分视图【英文标题】：UnabletoloadPartialViewviaJQueryActionResultcallinASP.NETCore【发布时间】：2019-11-2113:47:18【问题描述】：我被这个问题困住了几个小时，如果不是几天的话。我可以启动... 查看详情

寻找一种将更多列表动态添加到 jQuery Mobile 列表视图底部的方法

】寻找一种将更多列表动态添加到jQueryMobile列表视图底部的方法【英文标题】：LookingforawaytodynamicallyaddmoreliststothebottomofjQueryMobilelistview【发布时间】：2012-03-2606:55:51【问题描述】：我正在寻找一种在向下滚动后将更多列表添加到... 查看详情

如何将 UIViewController 呈现为部分视图？

...如下所示：我该如何表达我的观点？我假设仅使用故事板无法实现它，因为所有选项似乎都覆盖了全屏而不是所需的部分模式。【问题讨论】：您可以尝试将背景颜色更改为清除（这样 查看详情

如何使用ajax将部分视图返回为html

...回为html，以便我可以在div中呈现为html，但它不工作，我无法找到它为什么不工作的问题，这是我的代码。functiongetPartial(id)$.ajax(type:"POST",url:"/Home/GetPartia 查看详情

JQuery Mobile：拉动以刷新列表视图[重复]

】JQueryMobile：拉动以刷新列表视图[重复]【英文标题】：JQueryMobile:Pulltorefreshlistview[duplicate]【发布时间】：2012-02-1723:47:35【问题描述】：可能重复：Howtodothispull-to-refreshinwebapp?是否有可用的插件为列表视图的列表项设置动画，以... 查看详情