Pnotify-javascript正在工作，css没有_Javascript_Html_Css_Javascript Framework_Pnotify

Pnotify-javascript正在工作，css没有

javascript html css

Pnotify-javascript正在工作，css没有,javascript,html,css,javascript-framework,pnotify,Javascript,Html,Css,Javascript Framework,Pnotify,我发现了这个叫做pnotify的很酷的小东西，它通过javascript和bootstrap或jquerycss提供了非常好的通知警报，但是特别的css对我不起作用我有以下代码： <head> <title>pNotify test</title>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq

我发现了这个叫做pnotify的很酷的小东西，它通过javascript和bootstrap或jquerycss提供了非常好的通知警报，但是特别的css对我不起作用

我有以下代码：

<head>

    <title>pNotify test</title>

<!-- jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<!-- jQuery UI -->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css" media="all" rel="stylesheet" type="text/css" />
<!-- Bootstrap -->
<link href="includes/bootstrap/css/bootstrap.css" id="bootstrap-css" rel="stylesheet" type="text/css" />
<link href="includes/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="includes/bootstrap/js/bootstrap.min.js"></script>
<!-- Pnotify -->
<script type="text/javascript" src="jquery.pnotify.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.pnotify.default.css">


通气试验

函数show_stack_info（）{
var模态叠加；
如果（信息框的类型！=“未定义”）{
信息框.pnotify_display（）；
返回；
}
信息框=$.pnotify({
标题：“松树通知堆栈”，
文本：“堆栈用于定位通知，并确定创建新通知时新通知的位置。放置到堆栈中的每个通知都将与该堆栈中的其他通知相关。堆栈数量没有限制，每个堆栈中的通知数量也没有限制。”，
输入：“信息”，
图标：“picon picon对象订单提升”，
延误：20000，
历史：错，
堆栈：false，
打开前：功能（pnotify）{
//将此通知放置在屏幕中央。
pnotify.css({
“顶部”：（$（window.height（）/2）-（pnotify.height（）/2），
“左”：（$（window.width（）/2）-（pnotify.width（）/2）
});
//制作一个模式屏幕覆盖。
if（模态叠加）模态叠加.fadeIn（“快速”）；
else模态_叠加=$（“”{
“类”：“ui小部件覆盖”，
“css”：{
“显示”：“无”，
“位置”：“固定”，
“顶部”：“0”，
“底部”：“0”，
“右”：“0”，
“左”：“0”
}
}).appendTo（“body”）.fadeIn（“fast”）；
},
关闭前：函数（）{
模态叠加淡出（“快速”）；
}
});


规则误差
什么是堆栈？

我真的不知道为什么javascript在工作，但是css根本没有工作。有人能帮忙吗？

你不能在类的名称中使用空格（如果是单个类）。尝试将

btn源代码

重命名为

btn\u源代码

。看

但是，正如Nimoi在评论中指出的那样，如果是两个类就可以了。请参阅。

您需要设置样式。如果您使用jquery，请执行以下操作：

 delay: 20000,
 history: false,
 stack: false,
 styling: 'jqueryui'

你能链接到一个示例页面吗？这是框架示例页面，如果这是你的意思：，否则我不会让我的测试托管，只在本地主机上。如果需要，我肯定可以上传到某个地方。我也有一个类似的问题，我无法更改pnotify的宽度。有解决方案吗？我假设

.btn

和

.source是不同的类，但你可能是正确的。因为我们没有看到他的CSS代码，所以很难确定问题出在哪里。
</head>

<body>

<button class="btn source" onclick="$.pnotify({
                    title: 'Oh No!',
                    text: 'Something terrible happened.',
                    type: 'error'
                });">Regular Error</button> 

<button class="btn source" style="margin-left: 10px;" onclick="show_stack_info();">What are stacks?</button>                

</body>

 delay: 20000,
 history: false,
 stack: false,
 styling: 'jqueryui'