您需要在使用ajax悬停动作链接时显示弹出视图。但我不能显示弹出窗口..我请你清除我的问题..谢谢..以下是我的代码.. 查看: < div class =hover> < b style =margin-left:-8px; font-size:large;颜色:#2B9CE2 ;> @ Ajax.ActionLink(@ item.bName,Businessdetails,NewSearch,新{id = item.bID},null < / b> < / div> @ Html.Partial(details);
Hi need to display a popup view while hovering an action link using ajax. but i cant display popup.. i kindly request u clear my issue.. thanks.. following are my codes.. View: <div class="hover"> <b style="margin-left: -8px; font-size: large;color: #2B9CE2;"> @Ajax.ActionLink(@item.bName, "Businessdetails", "NewSearch", new { id = item.bID }, null </b> </div> @Html.Partial("details");
<div id="popup" style="display:none; width: 100px; height:100px;"> <b>yasgfshdfhsdhf</b> <b>yasgfshdfhsdhf</b> <b>yasgfshdfhsdhf</b> </div>< script type =text / javascript> 调试器; $(文件).ready(function() { $(。hover)。each(function(){ $(this).mouseover(function(){ $(#popup)。对话框({ autoOpen:true, 标题:'标题', 宽度:'100px' , 身高:'100px', 莫代尔:真实 }); }); $(this).mouseout(function(){ $(#popup)。dialog({ autoOpen:false, }); }); }); }); < / script> 部分查看: < div id =显示> < div id =map_container>< / div>< br /> < h2> @ item.bName< / h2> < i> @ item.City< / i> < b> @ item.Address1 @ item.Address2< / b> < b> @ item.MobileNumber< / b> < h4> @ item.StartTime @ item.EndTime< / h4> < p style =display:noneid =businessid> @ item.bID< / p> < / div>
<script type="text/javascript"> debugger; $(document).ready(function () { $(".hover").each(function () { $(this).mouseover(function () { $("#popup").dialog({ autoOpen: true, title: 'Title', width: '100px', height: '100px', modal: true }); }); $(this).mouseout(function () { $("#popup").dialog({ autoOpen: false, }); }); }); }); </script> Partial View: <div id="Display"> <div id="map_container"></div><br /> <h2>@item.bName</h2> <i>@item.City</i> <b>@item.Address1@item.Address2</b> <b>@item.MobileNumber</b> <h4>@item.StartTime@item.EndTime</h4> <p style="display:none" id="businessid">@item.bID</p> </div>
推荐答案(document).ready(function(){ (document).ready(function () {
(。hover)。each(function (){ (".hover").each(function () {
(this).mouseover(function(){ (this).mouseover(function () {
更多推荐
Mouse Hover Popup(部分视图)在MVC中使用Ajax
发布评论