Question

我想使用gritters但它们不起作用，它们会在没有样式的情况下进入页面底部。我用jquery中的函数调用它：

$.gritter.add({
    title: "Sucesso",
    text: "O Administrador  " + $nome + "  foi adicionado com sucesso.",
    fade: true,
    speed: "fast"
});

我做错了，我尝试了其他的东西，但没有用。我正在使用这个模板http://www.eakroko.de/flat/components-elements.html，我已经调用了js脚本。

Answer 1

您必须忘记包含gritter.css文件。我必须看到你的整页帮助更多，但这是我如何使用它，它对我来说很好...

首先包含jQuery和jQuery UI（gritter不需要jQuery UI，但我将其用于其他东西）

<script type="text/javascript" src="javascript/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery-ui-1.9.1.custom.min.js"></script>
<link type="text/css" href="css/jquery/[yourThemeOfChoice]/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" />

然后包括gritter css和jss

<link rel="stylesheet" type="text/css" href="javascript/gritter/gritter.css" />
<script type="text/javascript" src="javascript/gritter/jquery.gritter.min.js"></script>

然后你可以使用gritter。

如果这不起作用，请仔细检查您的CSS并确保没有冲突的样式定义。要做到这一点，将你的砂砾设置为不消失，然后在Chrome中你可以右键单击gritter消息，然后选择inspect元素，然后你就可以查看它所有应用的样式。

如何使用jQuery在WebPages中使用Gritters

1 个答案: