我正在尝试使用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上托管的副本,但我无法让它工作.谁能指出我做错了什么?
我已经能够获得一些工具提示,最终使用以下代码:
<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?
我正在使用Twitter Bootstrap,我想使用Bootstrap中没有的"自动建议",而jQuery UI有自己的自动建议方法.
我可以同时使用吗?它会超载带宽吗?
我正在尝试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 3应用程序中使用了jQuery模式对话框.它工作正常,除了右上角没有关闭按钮.我该如何添加?
$("#dialog-modal").dialog({
modal: true,
autoOpen: false,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
Run Code Online (Sandbox Code Playgroud) 我将jquery-ui放在第一行文件后跟bootstrap文件后我仍然收到此错误:
未捕获错误:在初始化之前无法调用按钮上的方法; 试图调用方法'加载'.
有人可以帮忙吗?
我试图tooltip在一个引用jQueryUI和Bootstrap 3的View 上使用.我在这里做了一个样本.如果我在jQueryUI的js之后加载Boostrap然后tooltip()调用成功但是如果我在Bootstrap之后调用jQueryUI然后我得到一个错误并且没有任何作用.你可以自己尝试一下.互联网上有很多关于此的讨论,我问GitHub,但我还没找到解决方案.
我正在使用bootstrap 3进行项目布局.我还需要jquery.ui javascript文件,用于我页面的部分内容.问题是bootstrap和jquery ui都有这个tooltip功能,我想使用bootstrap工具提示,但是jquery ui工具提示出现了.有什么办法可以禁用jquery ui工具提示而对其他jquery ui函数没有任何影响?
我在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的图像文件.

jquery-ui ×6
jquery ×5
asp.net-mvc ×2
css ×2
javascript ×2
bundle ×1
dialog ×1
html ×1
tooltip ×1