gpt4 book ai didi

javascript - 为什么我的 JQuery-UI 选项卡控件无法正确呈现?

转载 作者:行者123 更新时间:2023-11-28 16:12:30 25 4
gpt4 key购买 nike

这让我发疯。我是一个 JQuery 菜鸟,这是我第一次尝试使用它。我已按照 jQuery-ui 网站上的示例进行操作,但我的脚本片段出现错误:

在线$("#tabs").tabs();错误:0x800a01b6 - Microsoft JScript 运行时错误:对象不支持属性或方法“选项卡”

所以,这就是我正在做的事情。我正在开发 ASP.NET MVC4 Web 应用程序。 jQuery 脚本和样式位于网站的默认包中,并在我的 _Layout.cshtml“母版页”中呈现,如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
</head>

这是我的观点:

@using Tigra.eStore.BusinessLogic.DomainObjects
@model Tigra.eStore.Storefront.Models.ProductDetailsViewModel

@{
ViewBag.Title = "Details";
}

<h2>Details</h2>

<fieldset>
<legend>@Model.Product.Name</legend>
<div class="display-field">
@Html.DisplayFor(model => model.Product.Name)
</div>
</fieldset>
<p>
@Html.ActionLink("Add to Cart", "Add", "ShoppingCart", new {id = Model.Product.Id}, new {})
@Html.ActionLink("Back to List", "Index")
</p>

<script>
$(function() {
$("#tabs").tabs();
});
</script>

<div class="descriptors">
<div id="tabs">
<ul>
@foreach (ProductDescriptor descriptor in Model.Product.ProductDescriptors)
{
<li><a href="#tabs-@descriptor.SequenceNumber">@descriptor.Title</a></li>
}
</ul>
@foreach (ProductDescriptor descriptor in Model.Product.ProductDescriptors)
{
<div id="tabs-@descriptor.SequenceNumber">
<p>@descriptor.Description</p>
</div>
}
</div>
</div>

我非常确定 jQuery-ui 正在加载,因为它在运行时显示如下: Visual Studio shows the loaded scripts

它必须是简单的东西 - 抱歉,如果这太明显了,但正如我所说,我对这些东西是菜鸟。你能看出我做错了什么吗?

最佳答案

解决了! .

线索是在我的屏幕截图中,您可以看到 jquery-1.7.1 被加载了两次。 Microsoft 模板项目在 _Layout.cshtml 页面的底部呈现 jquery 包。为什么?我不知道——但我忽略了它。所以我继续将其与 jquery-ui 一起添加到页面顶部。看来jquery的第二次渲染抹掉了jquery-ui。

所以我的修复方法是从文件底部附近删除 @Scripts.Render("~/bundles/jquery") 行,将我的行留在顶部。就像魅力一样。

现在我想知道为什么微软把它放在底部?有什么想法吗?

关于javascript - 为什么我的 JQuery-UI 选项卡控件无法正确呈现?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12445134/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com