Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Visual Studio 2012 RC+;jqueryui=Bug?_Jquery_Jquery Ui_Button_Visual Studio 2012 - Fatal编程技术网

Visual Studio 2012 RC+;jqueryui=Bug?

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按钮 每个按钮的左

我束手无策!我试图做一些(我相信)非常简单的jQueryUI过程,但我无法让它工作。我不确定应该把什么作为导致问题的变量

它可以是:

  • 我的代码
  • Visual Studio 2012 RC
  • jQueryUI1.8.22
  • 我试图做的是创建一个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;
    });