我正在使用Visual Studio中的页面检查器调试器来竞争如何使用jQuery显示一个显示文本行和下拉列表的对话框的教程。
在Page Inspector中,它显示随机元素,如图所示
在Chrome,IE等中调试时不会发生这种情况
之前是否有其他人经历过此事,或者有想法可能会出现这种情况。这只是一个“功能”还是Page Inspector?
用于生成此弹出窗口的代码如下...
这可以通过按btnLookAndFeel
页面上的ItemEdit.cshtml
按钮调用ListingItemController.EditLookAndFeel
方法,该方法返回部分视图EditLookAndFeel.cshtml
ItemEdit.cshtml
@section scripts
{
<script>
$(function () {
$('#btnLookAndFeel').click(function () {
$.get('/ListingItem/EditLookAndFeel',
{ id: $('#LookAndFeelId').val() },
function (data) { $('#divLookAndFeel').html(data).dialog(); });
});
});
</script>
}
ListingItemController.cs
public ActionResult EditLookAndFeel(int id)
{
var list = _lookAndFeelService.List();
ViewBag.LookAndFeelList = new SelectList(list, "Id", "Name", id);
return PartialView();
}
EditLookAndFeel.cshtml
<div>
Please select the Look and Feel: @Html.DropDownList("LookAndFeelList")
</div>