Question

所以，我有一个像这样的按钮元素：

button {
    margin-top: 20px;
    cursor:pointer;
    padding:10px 15px;
    background:#33B5E5;
    border:1px solid #33B5E5;
    color:white;
}

<button type="button">Send</button>

（我使用类型按钮，因此它不会在点击时提交任何内容，因为我稍后会将其用于ajax）

我希望该按钮在点击时动画，所以我使用：

$("button").click(function(){
    $(this).effect( "highlight", {color:"#669966"}, 3000 );
});

但按钮在点击时不会执行任何操作。

按钮确实有效，如果不是效果，我会做类似于显示提醒的事情。

这也是我的标题：

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="web.css">
  <title>asdf</title>
  <script src="jquery-1.11.1.min.js"></script>
  <script src="http://www.google.com/jsapi" type="text/javascript"></script>
  <link rel="stylesheet" href="jquery-ui.min.css">
  <script src="external/jquery/jquery.js"></script>
  <script src="jquery-ui.min.js"></script>
  <script src="jquery-ui.theme.min.css"></script>
</head>

Answer 1

如何改变这一点：

<script src="jquery-ui.theme.min.css"></script>

到此：

<link rel="stylesheet" href="jquery-ui.theme.min.css" />

Answer 2

工作正常here。

那就是说，它必须与你链接jQuery UI的方式有关;很难说你是否已经正确地完成了这项工作，因为你正在链接到本地文件。

真的，你head中所需要的只是：

<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>

此外，您似乎已链接到<script>代码中的样式表：

<script src="jquery-ui.theme.min.css"></script>

它应该是<link>标记：

<link rel="stylesheet" href="jquery-ui.theme.min.css"/>

Answer 3

我修好了。

我很抱歉，这是外部文件的问题，它们已被复制到我服务器的错误文件夹中。

无论如何，谢谢你的帮助，抱歉浪费你的时间！

html按钮元素不会接受jquery ui效果

3 个答案: