我有下面的Popper.js弹出，其中有一个按钮，我想在该按钮上附加一个Vue.js单击事件。
然而，虽然单击事件在弹出窗口之外工作，但它并不能代替弹出窗口。
如何让changeText() 也在弹出窗口中工作？
HTML：
<div id="app">
<div>
Message: {{message}}
</div>
<div>
<button @click="changeText()">outside works</button>
</div>
浏览 3提问于2017-08-31得票数 1
我正在使用一个名为jQuery thickbox.js的弹出库。
我的页面上有一张小图片。当用户单击此图像时，调用某个函数时，thickbox.js库将创建弹出弹出的HTML/CSS并显示弹出。
这里要注意的最重要的一点是，当弹出显示时，如果查看页面的HTML源代码，我就无法看到弹出的HTML代码。我试图通过Firebug控制台查看弹出的HTML源，检查元素，然后就可以看到弹出的HTML源。这表明DOM不包含弹出框的HTML代码。
现在我的问题是，如果用户点击页面上除了弹出区域以外的任何地方，我都想关闭这个打开的弹出窗口。我尝试了很少的代码，但不幸的是，他们不能做我想做的事情。现在我对这个问题
浏览 3提问于2015-01-01得票数 4
回答已采纳
1回答
这是我的滚动脚本。
$("#oneA").click(function() {
$('html, body').animate({
scrollTop: $("#twoA").offset().top
}, 2000);
});
和我的html
<div id='oneA' style='height:100px;'></div>
<div id='twoA' style='height:100px;margin-top:300p
浏览 2提问于2015-12-23得票数 0
我可以弹出Django的UserCreationForm吗？
我正在建一个网站。当我点击注册页面弹出式注册页面需要显示。
现在，我有一个注册页面和登录页面，他们正在工作，但我需要弹出他们。
我正在使用Django的usercreationform。
我也可以在这种形式中添加Bootstrap和CSS吗？
from django.contrib.auth.forms import UserCreationForm
这是我现在尝试过的弹出代码，div显示在我的页面上，而不是弹出窗口中。
注册
<script src='{% static "js/grayscale.min.j
浏览 3提问于2017-12-28得票数 1
回答已采纳
1回答
在安卓设备上测试时，jQuery手机弹出了一个问题(micromax)
我在html页面中创建了弹出代码，并第一次在js中打开弹出，同时打开弹出，我们得到了正确的弹出，但是在关闭并重新打开相同的弹出后，我们得到了问题，弹出中的关闭图标丢失了。
打开弹出的JS代码
$("#popupAllPicked").popup({ history: false });
$("#popupAllPicked").popup("open");
关闭弹出窗口的JS代码
$("#popupAllPicked").popup({ history: f
浏览 5提问于2015-04-17得票数 1
回答已采纳
3回答
我是bootstrap的新手，我正在尝试使用模态添加弹出窗口。我添加了代码和脚本，但当您单击按钮时，它不会弹出。我能感觉到有什么东西要出来了，因为背景有点褪色了，但没有弹出窗口。所以我需要一点帮助来弄清楚为什么它没有弹出来。
My JavaScript links:
<script src="js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascr
浏览 0提问于2015-02-08得票数 1
回答已采纳
我有显示所有类别从猫table.When点击编辑按钮，我想传递类别id到弹出窗口编辑器在同一page.how来传递cat_id弹出窗口?这是我的代码
-显示cat表中的所有类别
<?php
$query= "SELECT * FROM cat WHERE res_id='".$resid."'" ;
$result= mysql_query($query);
while($row = mysql_fetch_assoc($result))
浏览 1提问于2015-03-10得票数 0
1回答
<head>
<link type='text/css' href='css/osx.css' rel='stylesheet' media='screen' />
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.js'></script&g
浏览 0提问于2011-12-08得票数 0
回答已采纳
1回答
通过单击按钮打开js弹出窗口
、、、、
我在我的网站索引html页面，它的主页。在索引html中，我有一个按钮，通过单击它，我想打开一个弹出表单，我在索引html中包含了这个弹出窗口的js文件和css文件。
我不能通过点击输入类型按钮来打开这个动画弹出窗口。有谁可以帮我？
the clouds js:
$(function ()
{
// Register Smart skin.
$.speedoPopup.registerSmartSkin('clouds', function (overlay, container)
{
// We don't w
浏览 0提问于2013-05-22得票数 1
回答已采纳
3回答
我正在尝试创建一个弹出式div，它在我的应用程序完成任务时出现。当ajax任务完成时，我想删除弹出窗口。我一直在审查，并试图实现一个类似的解决方案。但是我无法弹出我的div。下面是我创建div的代码：
<div id="progress-indicator">
<img src="<?php echo base_url();?>assets/img/wip.gif" /> Please Wait...
</div>
然后在页面的后面，我有一些javascript来隐藏div，直到有人单击一个按钮：
$(do
浏览 2提问于2012-09-11得票数 0
1回答
我正在尝试设置一个滑块在铬扩展弹出。我的滑块条形码需要jquery，但不幸的是，我的程序无法识别弹出js中的jquery代码。下面是当我检查弹出窗口时产生的错误：
script.js:1 Uncaught TypeError: $(...).slider is not a function
下面是创建滑块的script.js代码。考虑到它没有在第一行之后执行，我似乎遇到了jquery问题：
$('.application-progress').slider({
range: "min",
min: 0,
max: 100,
animate: true,
slid
浏览 4提问于2015-12-23得票数 1
回答已采纳
更清楚地说，基本上我想做的就是亚马逊
将有一堆产品，一旦您单击产品，只有该产品及其详细信息将显示在弹出的Modal。
在我的例子中，我在一个数组中存储了3个数据，我已经将它映射出来，它创建了3div和3Modal弹出窗口，每个弹出窗口中都有按钮。
一旦我点击了第一个div的按钮，我希望模式只为第一个div打开。
但现在，当我点击按钮所有3模态弹出。
我是React的新手，我可以用JQuery和Javascript做同样的事情，但我不能在React中做到这一点。
或者有更好的方法来解决这个问题？比起循环和创建3模式弹出窗口，我们可以只创建一个模式弹出窗口，它将显示正在被点击的按钮的特定div的数
浏览 0提问于2019-01-20得票数 3
回答已采纳
1回答
我需要一些帮助来解决一个让我发疯的问题...我正在尝试使用对话框弹出窗口，我所有的页面都在一个html文件中。如果我使用下面的代码来调用弹出对话框：
<a href = "# page1" id = "lnk" data-inline = "true" style = "position: absolute; left: 5%; bottom: 5%" data-rel = "dialog" data-transition = "pop "> Click here </ a>
浏览 0提问于2012-11-29得票数 0
1回答
我正在努力弄清楚如何为我的铬扩展创建一个播放/暂停功能。我已经想出了答案，但是，为了可用性，我现在正在尝试将弹出窗口设置为：
关闭弹出窗口之前，请选中复选框。
在关闭弹出窗口之前，将popup.js编写的内容保存在span标记中。
我的popup.html是：
<script src="popup.js"></script>
<div class="container">
<div class="checkbox">
<p
浏览 4提问于2021-02-20得票数 1
我使用的是一个“固定”风格的布局页面，在我的主页上有一个导航栏，我也想在弹出窗口中使用。在我的主页中，一切都运行得很好，我可以使用导航栏中的链接/图标来触发某些事件。但是，当将相同的结构复制到弹出窗口时，我无法获得任何事件触发。
在我的主页上，所有的HTML都在工作：
<div class="views">
<div class="view view-main">
<div class="pages">
<div data-page="index" class=&#
浏览 12提问于2017-01-09得票数 0
回答已采纳
2回答
我试图在web扩展中使用共享的vue.js状态。
状态存储在后台脚本的DOM中，并呈现在弹出页面中。
首次尝试
我的第一次尝试是使用一个没有vuex的简单商店：
background.js
var store = {
count: 0
};
popup.js
browser.runtime.getBackgroundPage().then(bg => {
var store = bg.store;
var vue = new Vue({
el: '#app',
data: {
state: st
浏览 0提问于2018-03-17得票数 6
2回答
引导多重弹出显示和放置
、、、、
我有多个表单输入和文本字段，当该字段处于焦点时，我希望在其上显示一个弹出窗口。由于某些弹出式的内容可能很长，所以我不想在输入标记中声明内容。相反，我有以下几点：
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control js-tooltip-trigger" id="name" maxlength="50" &
浏览 5提问于2015-05-28得票数 1
我们使用在屏幕上生成标准的javascript弹出效果。
我们希望使用JQuery来响应用户的点击，以改变FancyZoom刚刚为用户弹出的区域内的一些颜色(使用.attr)。
(在下面的代码示例中，为了说明这一点，我用一个简单的.attr替换了所有的alert。Bar.png是一个金色的矩形，点击时应该显示Hello。点击“测试”显示疯狂的弹出。)
如果我们像这样将bar.png放在弹出窗口之外，当我们单击它时，它会按预期的方式响应：
<script type="text/jscript" src="js/jquery-1.7.2.min.js">
浏览 3提问于2012-04-27得票数 2
在bootstrap 2.3弹出窗口中，我显示了一些html代码。当我点击它时，我需要触发一个js函数，但我很难做到这一点。
如果我单击包含弹出窗口内呈现的HTML的div，而不是单击弹出窗口内部的内容，则js函数可以正确执行。
这是我的咖啡
$('[data-toggle~=popover]').popover({
html: true
content: ->
$("#content").html()
})
$(".updateit").on "click", ->
console.lo
浏览 3提问于2013-11-27得票数 2
我试图使它成为，当我单击div图像时，相应的内容框会弹出(即div从display:none;到display:inline;)。
[“弹出”框=带content__的div ]
我使用简单的JS激活相关的div：
$('.diagram div').click(function(){
$(this).siblings('.diagram div').removeClass('active');
$(this).addClass('active');
});
当前的html看起来是这样的：
<div class=&
浏览 0提问于2013-10-21得票数 0
1回答
当我加载我的index.html时，Twitter的登录框立即弹出。如何触发Twitter登录以在所单击的按钮上弹出？
代码是JavaScript，但是，当我加载应用程序时，推特弹出窗口会询问你是否要立即使用推特弹出窗口登录。我希望它只在“登录Twitter”按钮被点击时打开。
<script type="text/javascript" src="lib/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="lib/angula
浏览 0提问于2014-11-28得票数 0
1回答
您好，我使用的是Tiva Event Calendar，它在一个单独的文件中从JS生成HTML。
我正在使用日历中的日期框弹出窗口，数据来自我的index.html上的数据库，其中也包括calendar.js。
我在显示弹出内容时遇到问题。我将在中创建内容div
calendar.js文件，并在index.html上启动弹出。
如果我使用静态内容进行弹出，它就会显示出来，但是如果我使用getPopContent()函数，它就不会出现。
要么是生成popover HTML的JS不起作用，要么是函数在内容之前加载。
我已经花了一整天的时间，但还是想不通。
请帮帮忙。谢谢
jQuery(docu
浏览 1提问于2017-08-26得票数 0
我有疑问，因为我在我的网站上的JS代码有一个问题。我在Js文件中创建了7个弹出窗口，并将该文件附加到我的index.php中。当我把它们全部使用时，最后一个才起作用。
index.php (片段)
<div id="popupBox_1">
<div class="popupBoxWrapper">
<div class="popupBoxConten
浏览 3提问于2017-04-04得票数 0
回答已采纳
3回答
未显示引导模式弹出窗口
、、、
我正在尝试使用Bootstrap创建一个简单的模式弹出窗口。我从得到了示例，我的代码如下所示。
<html>
<head>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-modal.js"></script>
<lin
浏览 1提问于2013-12-18得票数 3
回答已采纳
我有以下代码。我需要隐藏div 1，并在div one中的按钮被单击时显示div2。(在ANGULAR HTML5中)。我有一个带有控制器等的JS文件，同时我有两个不同的html模板文件，我把它们称为单独的模式弹出窗口。现在，我只需要显示一个弹出窗口，而不是两个弹出窗口，而只需要显示或隐藏其中一个div的内容。
<div id="div1">
<button name ="click" click="ClickMe()"/>
</div>
<div id = "div2">
<
浏览 0提问于2016-06-03得票数 0
我正在尝试使用jQuery移动和Rails打开页面加载中的弹出窗口。
弹出窗口可以通过链接打开，但我无法在加载时打开它。
HTML代码
<div data-role="popup" id="popup-choix" data-history="false" data-overlay-theme="a" data-transition="flow" data-position-to="window">
<ul>...</ul>
</div>
Ja
浏览 1提问于2013-04-01得票数 1
回答已采纳
我是角js的新手，当ng- if语句为false时，我需要显示模式弹出框。你们能帮我解决这个问题吗？
在html中：
<div ng-if="inputdata == false" >
</div>
如果输入数据是假的，我需要显示模态弹出窗口。
浏览 2提问于2016-12-15得票数 1
回答已采纳
我正在使用万能弹出作为我的画廊。单击缩略图时，它会弹出图像。我试图在弹出窗口中添加一个“下载图像”按钮。我的HTML片段显示得很好，但是下载链接的href需要用img url填充。
以下是JS代码：
markup: '<div class="mfp-figure">'+
'<div class="mfp-close"></div>'+
'<div class="download-img"><
浏览 0提问于2016-05-05得票数 0
回答已采纳
2回答
如何在弹出窗口上显示日历
、、、
我在弹出窗口的日历上有问题。我已经创建了弹出窗口，我想在弹出时显示日历，我尝试了代码，但是日历没有displaying.Please帮助我。检查下面的URL ，您将获得弹出选项，单击该选项，而不是弹出显示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sirius Sport</title>
<link rel="stylesheet" h
浏览 3提问于2015-08-11得票数 0
回答已采纳
2回答
你好，我在链接或所谓的引用文本与引导弹出窗口之间有一个小问题，我不知道它是如何工作的，这里的代码是：
当用户点击我的小庞图斯2，它应该弹出一个弹出窗口，文字“.”。
<a href="#" class="list-group-item">My little Pontus 2</a>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySm
浏览 5提问于2015-09-17得票数 0
回答已采纳
我对js代码有问题。我试着在点击某个按钮时调用一个弹出框，但它不起作用。
我的目标是为某个按钮分配一个动作，在客户单击某个按钮时打开弹出。但问题是Klaviyo Pop-Up Box被设置为打开页面，默认情况下，在位于Klaviyo侧的中设置了加载设置，而我无法直接更改它们。
是一个与我的问题类似的问题，但并不完全是我想要的。
我正在考虑的另一个选项是打破打开弹出onPageLoad的函数，然后添加这个函数将打开的操作分配给按钮。
这就是我认为我可以叫弹出onButtonClick的方式。
我的JS代码
<script type="text/javascript" src
浏览 6提问于2016-06-03得票数 1
回答已采纳
1回答
在asp内容页面中使用bootstrap弹出模式。我的内容页面可以继承所有asp服务器控件的css，但是当我尝试在asp:contents中使用bootstrap弹出窗口时，它没有弹出。我也找不到问题所在，因为调试器无法捕获问题。
其中一个不起作用的引导实例是datepicker。在asp中使用以下代码:content。它不起作用。我已经在表行内和表外尝试过此内容。我不确定有什么问题
<div>
<div class="container">
<div class="hero-unit">
浏览 4提问于2014-12-24得票数 0
我使用的是dojo的dijit/Dialog模块。Ajax弹出窗口工作正常，但当我在弹出窗口中包含任何不工作的javascript时，请查看以下代码。
<script src="<?php echo $this->basePath()?>/js/dojo_lib/dojo/dojo.js" data-dojo-config="isDebug:1, async:1"></script>
<script>
require(["dijit/Dialog"]);
</script>
浏览 0提问于2013-06-05得票数 0
回答已采纳
1回答
我对JavaScript完全陌生，正在尝试在Django中进行并发编辑时实现一个弹出框。我尝试在js中使用popUp函数，但没有结果。这是我的密码
html
{% block content %}
<div class="page-header">
{% if is_editable %}
<div>
Got to here
</div>
<!--{% block custom_js %}
<script src="{% static "
浏览 2提问于2018-05-11得票数 1
2回答
有一个弹出对话框是由一个按钮激活的，其代码如下：
<div class="button-wrap"><button data-dialog="somedialog" class="trigger">Open Dialog</button></div>
弹出以在按钮单击时激活的代码如下：
<script src="js/classie.js"></script>
<script src="js/dialogFx.js"></sc
浏览 2提问于2014-12-12得票数 0
1回答
我试图显示一个弹出窗口，就像kendo网格的数据编辑弹出一样。弹出窗口应在单击按钮时打开。我加了
<div id="popup"><div>content</div></div>
到我的html并尝试使用
$("#popup").kendoPopup({
animation: {
close: {
effects: "fadeOut zoom:out",
浏览 4提问于2015-11-16得票数 0
回答已采纳
2回答
过去两天我一直在研究这个话题。当页面加载时，我需要一个弹出窗口来显示，但只有在页面加载后才能显示出来。
弹出(在.js文件中)的代码是在页面加载后执行的，即使我在jsp文件的头中调用js代码，它仍然在页面加载后显示。但是，如果在对jsp的调用之后，我在jsp文件中放置了一个“警报”脚本，它将在加载页面之前执行，而不是弹出。
弹出的javascript代码具有以下结构：
package.popup = {
init : function() {
this._mypopup();
},
_myPopup : function() {
浏览 4提问于2011-10-11得票数 0
3回答
当文本框有效时隐藏弹出框
、、、
如果密码小于6个字符，我将使用引导弹出显示。它可以正常工作，但是当我点击文本时，它会显示弹出式，甚至文本框的值都是有效的。文本框长度有效时如何隐藏弹出框
<head>
<title>popover example</title>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="bo
浏览 6提问于2015-09-17得票数 0
回答已采纳
我是JS/Html世界的新手，尝试在弹出/对话框窗口中点击html中的一些文本加载html页面，但是加载的页面比弹出窗口大，所以有滚动条。
Javascript/Jquery代码
$(document).ready(function(){
$('.showModal2').click(function(){
$('#popup2').dialog({width: 450,height: 450});
});
});
$(function(){
$("#data").load("frontend/js/pag
浏览 0提问于2015-03-03得票数 0
2回答
我们使用Vue.js实现弹出函数。Vue App中的"Click“按钮将正确启动弹出窗口，但是当我从外部调用时，弹出窗口外部的vueApp.methods.openModal() /调用将不会出现，尽管函数调用本身是可能的。为什么会这样呢？此外，在像这样从外部调用方法时，如何使v-show正常工作？
xxx.html
<div id="app">
<button v-on:click="openModal">Click</button>
<div id="dbg_overlay" v-sh
浏览 4提问于2022-01-03得票数 1
回答已采纳
3回答
在我的JS中，我有一个IF条件。我想让弹出窗口出现在我的html页面中。我怎样才能让下面的弹出窗口出现在javascript中？
<a href="#x" class="overlay" id="welcome_message"></a>
<div class="popup">
<h2>Welcome</h2>
<p>blah blah...</p>
<div>
浏览 0提问于2014-02-23得票数 0
我有一个页面(shop.php)，在DIV单击该页面时，我会弹出一个覆盖，然后从另一个PHP页面(detail.php)加载ajax数据，如下所示：
Shop.php的HTML：
<div class="box-item2"
style="background:url(<?=$img_path?>);
background-size:cover;
background-position: 50% 50%;
overflow:hidden;
width:100%; height:42
浏览 1提问于2016-12-14得票数 1
回答已采纳
我是新的jQuery和开机。通过使用引导弹出，我为一个页面实现了多个弹出。我的popover和js脚本如下：
<a data-toggle="popover" class="btn popper btn-default ">
Click me 1
</a>
<div cla
浏览 2提问于2016-10-24得票数 0
回答已采纳
2回答
我在javascript弹出窗口中使用Thomas J Bradley 的签名板。它从表单中的一个按钮中弹出。相关代码如下：
在表单中：<button type="button" id="confirm_button">Confirm</button>
在document.ready函数中：
$("#confirm_button").on("click", function() {
var left = ($(window).width()/2)-(900/2),
top = ($(
浏览 4提问于2013-08-21得票数 0
如果用户在弹出窗口外单击，我希望关闭该弹出窗口。在下面的代码.tried中，很少有用于单击弹出窗口但不起作用的示例。
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/boo
浏览 3提问于2016-02-04得票数 2
回答已采纳
1回答
尝试使弹出式表单只显示一次
、、、、
我是javascript的新手。下面是我的弹出式表单代码，尝试找到一种方法，使弹出式表单只显示一次。寻找解决方案。有人能帮我吗？
这是我的表单代码：
<div id="bkgOverlay" class="backgroundOverlay"></div>
<div id="delayedPopup" class="delayedPopupWindow">
</div>
<!-- Begin Pop-up Signup Form -->
<div i
浏览 0提问于2018-03-22得票数 1
我需要做一个简单的JS弹出窗口，以查看每个链接的具体内容(团队统计)。为此，我有基本的HTML设置，应该弹出提到的内容。
<!-- Start Team-Players -->
<div class="team-players">
<div class="player-profile">
<img data-js="open" src="img/team-ico/team-srsne.jpg" alt="" class=
浏览 0提问于2017-08-15得票数 1
以下是简短的TL;DR版本：
对于停止触发的选择列表，我有一个onchange事件。
如果元素位于从部分视图填充的jqueryui弹出窗口中，那么对元素id (即JQuery )使用$("#Customer_ID").change是否有问题。此外，我还有两个不同的弹出窗口，由共享相同$("#Customer_ID").change javascript的不同部分视图填充。
我有一个带有两个div的jquery弹出窗口页面。
当我在jqgrid中的单元格中单击时，会弹出适当的对话框(编辑或新建)。
弹出窗口依次由控制器的部分视图填充。
这个很好用
我在这些弹出框里
浏览 2提问于2017-01-17得票数 0
回答已采纳
我有一个有很多弹出窗口的网站，每当用户加载弹出窗口(通过ajax)时，弹出窗口中也会加载JavaScript代码，当弹出窗口被删除时，我希望删除这个JavaScript代码。
主要网站代码：
<body>
...
<div id="popup" style="display:none">
</div>
...
</body>
然后是js文件中的加载程序：
$.ajax('url',{
success:function(data){
$("#popup"
浏览 4提问于2020-02-11得票数 1
我试图添加学生的分数细节和老师评论学生使用角度js，如下所示。
在运行时，我已经根据图标上的单击事件从我的controllers.js中插入了弹出组件。在运行时，我能够看到弹出后点击图标。但太小了。
我无法为弹出窗口键入任何值。
如果我尝试从浏览器中的“检查元素”选项进行编辑，那么它也不会反映到模型'student.notes‘
最重要的是，我无法关闭弹出窗口。
我的html如下所示。
<div class="ui accordion" ng-repeat="student in students">
<input
浏览 1提问于2014-06-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
