Visual Studio 2012 RC+;jqueryui=Bug?
我束手无策!我试图做一些(我相信)非常简单的jQueryUI过程,但我无法让它工作。我不确定应该把什么作为导致问题的变量 它可以是:Visual Studio 2012 RC+;jqueryui=Bug?,jquery,jquery-ui,button,visual-studio-2012,Jquery,Jquery Ui,Button,Visual Studio 2012,我束手无策!我试图做一些(我相信)非常简单的jQueryUI过程,但我无法让它工作。我不确定应该把什么作为导致问题的变量 它可以是: 我的代码 Visual Studio 2012 RC jQueryUI1.8.22 我试图做的是创建一个jQuery按钮并在其上放置一个图标。我想要的图标是加上厚实的图标 以下是页面的css和js“导入”(它们的顺序是否不正确?) 这是我第一次尝试(顺便说一句,结果与上面相同): 有三个按钮受此代码影响 结果如下: 元素被正确地转换为jQuery按钮 每个按钮的左
加上厚实的图标
以下是页面的css
和js
“导入”(它们的顺序是否不正确?)
这是我第一次尝试(顺便说一句,结果与上面相同):
有三个按钮受此代码影响
结果如下:
元素被正确地转换为jQuery按钮
每个按钮的左侧都有一个图标
每个按钮都错误地使用了克拉-1-n
图标,而不是加粗
当我进入页面检查器(使用IE和/或Chrome)时,我会深入到按钮(转换的
元素)并查看它及其2个子元素。虽然图标的
元素确实应用了用户界面图标和厚类,但它没有应用任何背景位置
因此,尽管类存在,但它实际上并未被应用。当我手动添加背景位置
属性(背景位置:-32px-128px;
)时,“神奇地”出现了正确的图标;-)
我想我可以找到一个解决方法,创建按钮,然后尝试选择正确的
子元素,然后自己“手动”应用背景位置,但这不正是jQuery库应该做的吗
无论如何,如果有人能看到我在哪里出轨,我会非常感激!这确实是一个小问题,但如果我不能让这个起作用,我对更复杂的问题没有信心。我很高兴在别人指出我的愚蠢之前看到了这个答案
实际需要的类I是:ui图标plusthick
我使用的是:ui图标加上厚实的
我盯着这个看了两个小时,从来没有注意到一个破折号(“-”)的区别
啊,啊,啊,啊
<link rel="stylesheet" type="text/css" href="Content/Default.css" />
<link rel="stylesheet" type="text/css" href="Content/themes/cupertino/jquery-ui-1.8.22.custom.css" />
<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.22.custom.min.js"></script>
$('.headerButtonsDiv > a')
.button()
.button("option", "icons", { primary: 'ui-icon-plus-thick' })
.click(function () {
var text = $(this).text();
alert(text + ' clicked!');
return false;
});
$('.headerButtonsDiv > a')
.button( { icons: { primary: 'ui-icon-plus-thick' } } )
.click(function () {
var text = $(this).text();
alert(text + ' clicked!');
return false;
});