- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我已经尝试了所有我能想到的 - 包括每个 bpopup 和 jquery javascript 文件,甚至是我在一个示例中找到的 .json 文件,但似乎无法让这个东西工作。我将所有脚本文件都包含在与我尝试运行的示例相同的文件夹中:
bpopup(jQuery 插件
),Code Example .我的非工作 example here .
这是我试图开始工作的最后一个链接,它只是一个起点。我浏览了 examples here .它只显示了我想使用的一些很酷的东西。下载页面和随附文件并在 Dreamweaver 中打开它对我也不起作用。
任何帮助将不胜感激。 jfiddle 示例有效,但是我看不到它们链接到哪些脚本文件 - 它们必须以某种方式上传到 jfiddle。我在 stackoverflow 上尝试使用 bpopup 时搜索了其他问题,但是我找不到一个完整的、未损坏的(分为各个部分)解决方案,即整个 html 页面以及链接到嵌入在 head 标签中的脚本文件。
非常感谢,
布莱恩
最佳答案
需要添加jQuery.js
、jquery.bpopup-0.9.4.min.js
、jquery.easing.1.3.js
> 和样式表。例如,
JS:
http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
http://dinbror.dk/bpopup/assets/jquery.bpopup-0.9.4.min.js
http://dinbror.dk/bpopup/assets/jquery.easing.1.3.js
来自他们网站的样式表:
http://dinbror.dk/bpopup/assets/style.min.css
还有这段代码
$(function(){
$('#pop').click(function(){
$('#popup').bPopup();
});
});
HTML:
<div id="popup" style="display: none;">
<span class="button b-close"><span>X</span></span>
If you can't get it up use<br />
<span class="logo">bPopup</span>
</div>
Works Fine (单击弹出按钮)。
CSS:(在弹出窗口中使用)与 another example
#popup, .bMulti {
background-color: #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 25px 5px #999;
color: #111;
display: none;
min-width: 450px;
min-height: 250px;
padding: 25px;
}
#popup .logo {
color: #2B91AF;
font: bold 325% 'Petrona',sans;
}
.button.b-close, .button.bClose {
border-radius: 7px 7px 7px 7px;
box-shadow: none;
font: bold 131% sans-serif;
padding: 0 6px 2px;
position: absolute;
right: -7px;
top: -7px;
}
.button {
background-color: #2B91AF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
color: #FFF;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
text-align: center;
text-decoration: none;
}
更新:在您的示例(给定链接)中,您加载了 jQuery
三次,最重要的是,您加载了 插件 (bPopup)
不止一次,最后又是 jQuery
,所以 jQuery
对象改变了。因此,只需先加载单个版本的 jQuery
,然后加载 jquery.easing.js
,然后加载 bPopup.js
(最小/扩展) .同时加载 stylesheet
(style.js),其中包含为 popup
div 声明的样式。
关于javascript - jQuery - bpopup 插件,我需要重现方面的帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20160102/
我的页面上有一个使用 bPopup ( http://dinbror.dk/blog/bpopup/ ) 插件的弹出 div,一切正常,但我希望当用户使用鼠标单击或在移动设备触摸时关闭弹出窗口在弹出
我正在尝试使用 bpopup 显示一个表单,但是我无法使内容适合,尤其是在调整窗口大小时看起来不对。 http://www.fundatiacarmengolea.ro , 单击“Formula de
我试图在单击图像时打开弹出窗口,而不是在单击按钮时打开。怎么做到的? 它是一种画廊类型的东西,图像被分类加载,当点击图像时,会出现一个 bpopup 并显示产品的详细信息 我试过了,请检查 fiddl
我正在使用一个名为“bPopup”的轻量级 jQuery 弹出式插件。我现在在我的网站上使用它来在单击时加载多个弹出窗口。我最近被告知我的代码效率低下,因为我使用多个 JavaScript“监听器”加
我想使用 bPopup jQuery 插件创建一个弹出窗口,并将其放置在屏幕的右下角。 bPopup 有一个名为“position”的选项,但它仅使用顶部和左侧坐标。 我可以在 CSS 中设置位置并使
我有一个ajax调用来获取文件上传的进度条。这很好用。我尝试添加一行让 bPopup 之后打开图像,但我无法让它工作。 这是我的 JavaScript: ajax.addEventListener("
所以我尝试使用 bPopup 作为模态窗口,但我看不到弹出实际的模态窗口。我按照文档上的说明进行操作(请参阅 http://dinbror.dk/bpopup/ ),但我似乎无法让它出现。我错过了什么
我正在使用 bPopup 插件在两个单独的页面上打开 iframe。 我编写了一个小脚本,用于创建 iframe 并“弹出它”。我的两个页面都引用了相同的脚本(确切的 URL 等): jQuery('
我对 jquery 及其相关知识非常菜鸟。我只临时做了一页,所以我迷路了。我需要将 iframe 显示为弹出窗口。怎么做? 我尝试了 bpopup: index.html 就像: POP IT UP
回调事件不会在通过模态、关闭按钮和 esc 关闭弹出窗口时触发 我已经尝试将其添加到准备就绪的文档中,并且在单击触发器时它们都起作用了 $('.flipvideowrap').bind('click
我正在尝试在我的 xhtml 页面中使用 bpopup 示例之一,我已经尝试了所有我能想到的方法,但它不起作用。 bpopup(jQuery 插件),code example 这是我到目前为止的尝试.
我正在使用 bPopup 在弹出容器中打开一个页面。现在,弹出页面中有一个链接,我想在已经打开的 bPopup 容器中打开新页面。在 anchor 标记中分配新页面链接会在父窗口中打开新页面。我还在弹
我已经尝试了所有我能想到的 - 包括每个 bpopup 和 jquery javascript 文件,甚至是我在一个示例中找到的 .json 文件,但似乎无法让这个东西工作。我将所有脚本文件都包含在与
我正在尝试使用 bPopup 插件创建一个模型窗口。我认为我不明白的是如何使 loadUrl 成为变量。我无法更改标记。问题是因为它是相对 url 并且不完全限定吗?我确实尝试了 loadUrl:'h
我创建了一个使用 jQuery 插件加载 .php 站点的弹出窗口:bpopup . 问题是插件不会加载用 php 编码的网站。谁能告诉我哪里有问题? 这是我正在使用的代码: JavaScript:
我们通过循环查询并添加当前行,在 ColdFusion 页面(internshiphandleX、internshipHiddenX 等)中动态构建了一个配对 div 列表,例如: 我们想要绑定(b
我正在使用 ngWYSIWYG - Angular 真正的富文本编辑器 http://psergus.github.io/ngWYSIWYG/在 bpopup 内部,但它无法编辑 $scope.ed
我想知道是否可以让我的 bPopup 显示在触发弹出窗口的每个链接下方? 我的代码: ;(function($) { $(function() { $('.notesbutto
好吧,这个故事有点长,但希望你能忍受我,这样问题的背景就可以了: 我正在使用 ASP.NET 开发门户网站的注册部分,为了让事情变得美好,我决定使用 here 中的 bPopup将注册页面加载到调用页
我是一名优秀的程序员,十分优秀!