相关疑难解决方法(0)

Bootstrap抛出Uncaught Error:Bootstrap的JavaScript需要jQuery

我正在尝试使用Bootstrap为程序创建一个接口.我在<head>标签中添加了jQuery 1.11.0,并认为就是这样,但是当我在浏览器中启动网页时,jQuery报告错误:

Uncaught Error: Bootstrap's JavaScript requires jQuery
Run Code Online (Sandbox Code Playgroud)

我尝试过使用jQuery 1.9.0,我尝试过在几个CDN上托管的副本,但我无法让它工作.谁能指出我做错了什么?

html css jquery twitter-bootstrap twitter-bootstrap-3

158
推荐指数
5
解决办法
35万
查看次数

jQueryUI工具提示与Twitter Bootstrap竞争

我已经能够获得一些工具提示,最终使用以下代码:

<a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a>
Run Code Online (Sandbox Code Playgroud)

然后

<script>
    $('[rel=tooltip]').tooltip();
</script>
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是它使用的是jQueryUI工具提示(没有箭头,大丑陋的工具提示)而不是Bootstraps.

我需要做些什么来使用Bootstrap工具提示而不是jQueryUI?

jquery-ui twitter-bootstrap

132
推荐指数
8
解决办法
6万
查看次数

我可以同时使用Twitter Bootstrap和jQuery UI吗?

我正在使用Twitter Bootstrap,我想使用Bootstrap中没有的"自动建议",而jQuery UI有自己的自动建议方法.

我可以同时使用吗?它会超载带宽吗?

jquery-ui twitter-bootstrap

108
推荐指数
3
解决办法
12万
查看次数

如何指定显式ScriptBundle包含订单?

我正在尝试MVC4 System.Web.Optimization 1.0 ScriptBundle功能.

我有以下配置:

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        // shared scripts
        Bundle canvasScripts =
            new ScriptBundle(BundlePaths.CanvasScripts)
                .Include("~/Scripts/modernizr-*")
                .Include("~/Scripts/json2.js")
                .Include("~/Scripts/columnizer.js")
                .Include("~/Scripts/jquery.ui.message.min.js")
                .Include("~/Scripts/Shared/achievements.js")
                .Include("~/Scripts/Shared/canvas.js");
        bundles.Add(canvasScripts);
    }
}
Run Code Online (Sandbox Code Playgroud)

以及以下观点:

<script type="text/javascript" src="@Scripts.Url(BundlePaths.CanvasScripts)"></script>
Run Code Online (Sandbox Code Playgroud)

哪里BundlePaths.CanvasScripts"~/bundles/scripts/canvas".它呈现:

<script type="text/javascript" src="/bundles/scripts/canvas?v=UTH3XqH0UXWjJzi-gtX03eU183BJNpFNg8anioG14_41"></script>
Run Code Online (Sandbox Code Playgroud)

到目前为止一切都很好,除了~/Scripts/Shared/achievements.js是捆绑源中的第一个脚本.这取决于它之前包含的每个脚本ScriptBundle.我如何确保它遵守我向包中添加include语句的顺序?

更新

这是一个相对较新的ASP.NET MVC 4应用程序,但它引用了优化框架预发布包.我删除了它并从http://nuget.org/packages/Microsoft.AspNet.Web.Optimization添加了RTM包.使用web.config中带有debug = true的RTM版本,@Scripts.Render("~/bundles/scripts/canvas")以正确的顺序呈现各个脚本标记.

在web.config中使用debug = false,组合脚本首先使用achievement.js脚本,但由于它是稍后调用的函数定义(对象构造函数),因此它运行时没有错误.也许minifier足够聪明,可以找出依赖关系?

我还尝试了IBundleOrdererDarin Dimitrov在RTM中使用两种调试选项建议的实现,并且它的行为相同.

所以缩小版本不是我期望的顺序,但它的工作原理.

asp.net-mvc bundle asp.net-mvc-4 asp.net-optimization

91
推荐指数
5
解决办法
6万
查看次数

jQueryUI模式对话框不显示关闭按钮(x)

我在ASP .NET MVC 3应用程序中使用了jQuery模式对话框.它工作正常,除了右上角没有关闭按钮.我该如何添加?

$("#dialog-modal").dialog({
            modal: true,
            autoOpen: false,
            buttons: {
                Ok: function () {
                    $(this).dialog("close");
                }
            }
        });
Run Code Online (Sandbox Code Playgroud)

jquery dialog jquery-ui asp.net-mvc-3

67
推荐指数
8
解决办法
10万
查看次数

未捕获错误:在初始化之前无法调用按钮上的方法; 试图调用方法'加载'

我将jquery-ui放在第一行文件后跟bootstrap文件后我仍然收到此错误:

未捕获错误:在初始化之前无法调用按钮上的方法; 试图调用方法'加载'.

有人可以帮忙吗?

javascript jquery

31
推荐指数
1
解决办法
2万
查看次数

Bootstrap和jQueryUI冲突

我试图tooltip在一个引用jQueryUIBootstrap 3的View 上使用.我在这里做了一个样本.如果我在jQueryUI的js之后加载Boostrap然后tooltip()调用成功但是如果我在Bootstrap之后调用jQueryUI然后我得到一个错误并且没有任何作用.你可以自己尝试一下.互联网上有很多关于此的讨论,我问GitHub,但我还没找到解决方案.

javascript css jquery jquery-ui twitter-bootstrap-3

17
推荐指数
1
解决办法
4万
查看次数

jquery ui tooltip与bootstrap 3工具提示冲突

我正在使用bootstrap 3进行项目布局.我还需要jquery.ui javascript文件,用于我页面的部分内容.问题是bootstrap和jquery ui都有这个tooltip功能,我想使用bootstrap工具提示,但是jquery ui工具提示出现了.有什么办法可以禁用jquery ui工具提示而对其他jquery ui函数没有任何影响?

jquery-ui tooltip twitter-bootstrap

5
推荐指数
3
解决办法
7294
查看次数

Jquery对话框'X'图像没有显示?一个

我在asp.net MVC4项目中使用JQuery 1.9.1和JQuery UI 1.10.2.我从NuGet Tool下载了所有这些JS和Css.我在框中缺少JQuery对话框'X'图像.如何在对话框中获取?

在此输入图像描述

像这样的项目文件夹结构.

Project
|
|-Content
|    |
|    |-Themes
|       |
|        |- Base
|            |
|            |-Images
|            |
|            JQuery.UI.* Files
|            ---
|            ----
|
|
|-Scripts
    |
   JQuery-1.9.1.JS All Files
   JQuery-UI-1.10.2.JS All Files
Run Code Online (Sandbox Code Playgroud)

当我搜索JQuery-UI-1.10.2.js时,我发现下面插入图像的代码.

this.uiDialogTitlebarClose = $("<button></button>")
            .button({
                label: this.options.closeText,
                icons: {
                    primary: "ui-icon-closethick" //This Image
                },
                text: false
            })
            .addClass("ui-dialog-titlebar-close")
            .appendTo( this.uiDialogTitlebar );
        this._on( this.uiDialogTitlebarClose, {
            click: function( event ) {
                event.preventDefault();
                this.close( event );
            }
        });
Run Code Online (Sandbox Code Playgroud)

我不知道那个图像文件在哪里.我只有来自JQuery UI的图像文件.

在此输入图像描述

asp.net-mvc jquery jquery-ui

1
推荐指数
2
解决办法
5981
查看次数