我有下面的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
1回答
如何将控制转移到新窗口？我正在开发一个带有多窗口功能的铬包装应用程序。假设我点击“新窗口”，它打开了一个新窗口--这是im使用的代码：
background.js：
function create_window(opt_options)
{
chrome.app.window.create("main.html", opt_options,
});
}
在创建一个新窗口之后，我就简单地填充了div中的值。
main.html
<html class="full-height">
<head>
<meta c
浏览 2提问于2015-12-17得票数 0
回答已采纳
我使用的引导自由主题()，并希望纳入自己的Carousel.js ()。
我想点击一个图像，并让这个打开在一个模式窗口，然后能够滚动左/右之间的图像。
似乎所有的工作，除了图像打开非常小，直到我调整窗口大小然后砰-好！似乎是在模态窗口的初始加载中，但是当我对窗口大小做任何更改时，比如按F12 (用于开发工具)，图像就会调整大小，看起来也不错。有什么建议吗？这可能是css或js的问题吗？
我的html
<!-- Portfolio Modals -->
<div class="portfolio-modal modal fade" id="portfol
浏览 0提问于2014-07-17得票数 0
回答已采纳
我是JavaScript的新手，我想尝试在一个新的窗口里做一个猜字游戏，就像他们在做的那样。我不明白它是如何在自己单独的窗口打开的？我希望将其写入.js文件并将其附加到index.html文件中，因此，当我单击h ref时，它将打开该窗口。这是我的代码：
<head>
<title>Caelan Bacon</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type=
浏览 5提问于2016-05-14得票数 1
回答已采纳
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
回答已采纳
我有显示所有类别从猫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
我遇到了一个问题，我在全屏模式下创建了一个新窗口，但是该窗口中的内容并没有最终占据全屏。html元素最后的高度类似于83 up。我想要它占据整个窗口的大小，因为我有一定的背景色等设置在上面。我在这个应用程序的其他地方以类似的方式创建窗口，它工作得很好，但是在这个特定的例子中它没有，我不知道我错过了什么。
这是用来创建窗口的代码：
chrome.app.window.create('connectionError.html', { id: 'connectionError', state: 'fullscreen'}, function() {
浏览 1提问于2015-03-29得票数 2
回答已采纳
1回答
这似乎是一个奇怪的问题，但我需要知道是否有可能劫持窗口滚动条，这样当用户滚动它时，它就不会滚动页面。我想写一些js，当用户滚动窗口滚动条时，它会滚动div。我可以编写js来检测滚动和多少动画div等，但不确定如何劫持窗口滚动条，并停止它滚动窗口，这是可能的吗？
浏览 1提问于2011-02-15得票数 0
回答已采纳
2回答
我有一个js函数，它是从后台代码调用的(在按钮单击事件上)，它打开一个模式窗口。按钮点击事件或js函数调用模式窗口没有问题。但是主要的问题是如果我刷新页面的话。每当我刷新页面时，都会调用js函数，而无需单击任何按钮并加载模式窗口。
如何避免在页面刷新时加载这种模式窗口？
这是我的代码。
<head>
<script type="text/javascript">
function showModal() {
$('#viewOc').modal();
return f
浏览 1提问于2016-06-20得票数 1
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
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回答
我用css display: none;隐藏div内容，并使用窗口显示它。
我在其他JavaScript访问的内容中有一些id。
问题是，当羽光从我隐藏的div中创建一个模态窗口时，id就被复制了。一个在隐藏的地方，一个在窗户里。
现在，JS控件只看到隐藏的div中的id，而没有在羽光窗口中看到id。所以窗户里面什么都不起作用。
我怎么才能避开这一切？
(窗口不覆盖屏幕)
JS
<!-- Featherlight Button -->
<a href="#" data-featherlight="#window">Open Feathe
浏览 1提问于2017-02-26得票数 1
1回答
我有一个模式窗口，它将显示比浏览器窗口高度更长的内容，所以我需要创建一个模态窗口，它接管brower的滚动条，就像我们在Pinterest上看到的那样。此外，单击图像将导致该图像转换为它将在模态窗口中的位置。
注意打开模式如何改变滚动条
问题：如何创建相同的模式窗口(接管滚动条)和图像的动画？我知道当模式窗口出现时，浏览器地址栏中的URL会发生变化，但是您会注意到页面并没有真正改变。我可以用backbone.js来做这件事，所以不用担心。
HTML代码
<div id="showModal">Click me!</div>
<div c
浏览 2提问于2012-07-10得票数 11
回答已采纳
我在弹出窗口中有一个表单，如下所示：
<%= form_tag "/controller/action", :method => :get, :remote => true do %>
...
<% end %>
在我的控制器中：
respond_to do |format|
format.js
end
提交后，我正在尝试更改action.js.erb中父窗口的元素
window.opener.$('#some-div').html('<div class="flash notice">
浏览 1提问于2012-06-08得票数 0
在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，但是如果调整大小的窗口小于768 it，如何隐藏相同的div，如果窗口大于769 it，如何再显示它？
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 400) {
$('.js-quick-navbar').show();
} else if($(this).width() < 768) {
$('.js-qui
浏览 1提问于2015-10-13得票数 0
回答已采纳
我想在页面加载时显示弹出窗口，但我不了解react javascript。我使用的是lightbox弹出窗口。它工作得很好，但它的onclick功能工作正常。我需要在页面加载时打开弹出窗口。我的代码是：
<html>
<head>
<script src='//cdnjs.cloudflare.com/ajax/libs/react/0.12.0/JSXTransformer.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs
浏览 15提问于2017-02-22得票数 0
我尝试使用Twitter Bootstrap创建模式窗口，代码如下
<link rel= "stylesheet" href = "/static/bootstrap/css/bootstrap.css" >
<script src ="/static/bootstrap/js/bootstrap-modal.js" ></script>
<script type = "text/javascript" src= "/static/bootstrap/js/bootstrap.js
浏览 1提问于2012-08-11得票数 0
回答已采纳
我正在使用jqModal制作一个弹出窗口，我有一个主要的弹出窗口。单击确定后，我必须关闭该窗口并打开另一个弹出窗口。我该如何实现这一点？
这里我的问题是单击事件不起作用。当我按下一个按钮{#b}时，除了点击按钮之外，我还必须打开另一个弹出窗口。
我的代码
<html>
<head>
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jqModal.js"
浏览 2提问于2008-12-26得票数 0
1回答
景物：
这是我的HTML。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id='textbox'>
<div id="siblin
浏览 1提问于2019-10-04得票数 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回答
因此，我有一个弹出窗口供用户登录，当他们在窗口中签名时，窗口就会关闭，父窗口会像用户登录时那样重新加载。但是，当发生这种情况时，我需要一个div来保持可见(通常在加载页面时它是隐藏的)。我有以下代码，它肯定不起作用(注意:我有<script src ="js/jquery.cookie.js"></script>)。我看过很多答案，但这是我第一次这么做，现在有麻烦了。以下代码位于$(document).ready(function() {部分。
window.onunload = divcookie();
function divcookie (){
浏览 6提问于2014-04-14得票数 0
回答已采纳
1回答
我试图在ui checkbox onChecked事件上触发一个语义ui弹出窗口，但它不能按照预期的方式工作。我显然是第一次接触语义UI。我编写的代码显示了悬停时的弹出窗口，但我认为onChecked事件会覆盖悬停状态。弹出窗口现在出现在onChecked事件之后的悬停状态。你有什么办法让它工作吗？ 我正在使用带有语义UI JS和CSS版本的JQuery： https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.css
https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1
浏览 16提问于2019-02-20得票数 0
很简单，我知道！！但不知道为什么我的所有不同的模式窗口是在同一时间调用，即使每个导航链接作为一个独特的#id链接归因于它。
<div id="main" class="faded-in">
<h3>
<a class="js-modal" href="#about">ABOUT</a> •
<a class="js-modal" href="#music">MUSIC</a
浏览 1提问于2014-11-15得票数 0
回答已采纳
我是使用Angularjs和KendoUI的新手，我尝试使用kendoUI打开多个窗口，并在其中添加一个angularjs外部文件，问题是当我试图打开窗口时，窗口内的html页面将正确打开，但它中的角码却无法工作。
这是我的主页index.html：
<!DOCTYPE html>
<html>
<head>
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></titl
浏览 3提问于2016-03-06得票数 0
1回答
让我给出一个实现窗口弹出和访问父窗口的js变量到具有自定义内容的弹出窗口的想法。
<div id="modeltext" style="display:none">
<p id="linker" ></p>
<script type="text/javascript">
var news = "http://google.com";
jQuery(document).ready(function() {
浏览 1提问于2013-12-06得票数 2
回答已采纳
我有一个弹出式窗口，显示一些内容和facebook的喜欢按钮。window.onblur上的弹出窗口关闭。然而，当我点击facebook按钮时，它会将其视为模糊事件，并关闭弹出窗口，而不喜欢它。我能做什么?
这是我的facebook按钮代码，根据facebook的说明(在标题中也有元数据)：
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElemen
浏览 2提问于2012-03-07得票数 1
2回答
朋友们，我正在使用下面给出的模态窗口代码，但是我只得到输出的黑色屏幕，并且没有遇到下面的错误模式窗口组件。
onExtensionMsgReceived:ddBgIsReady DragAndDropController.js:173 onExtensionMsgReceived:getSettings DragAndDropController.js:173 onExtensionMsgReceived:getSearchSources DragAndDropController.js:173 onExtensionMsgReceived:getShareSources
请帮帮我
&
浏览 3提问于2014-04-16得票数 0
1回答
我有一张帆布(用p5.js做的)。当您第一次加载页面时，画布将使用完整的窗口宽度在后台绘制。但我有个按钮可以显示我的项目。按钮会增加窗口的高度。画布不更新以绘制额外的附加高度。没有画布的网站是现场直播的()。
我的问题：
我怎样才能让画布“刷新”或重新绘制画布来覆盖新的窗口大小。
我是否需要担心组件安装，还是p5.js有某种可以帮助解决问题的功能？
//homepage.js
class Index extends React.Component{
constructor(){
super()
this.state
浏览 0提问于2019-06-13得票数 0
1回答
在一个ASPX页面内，我想有弹出窗口显示在关闭xy坐标的地方鼠标悬停是做(类似于窗口状态栏，当我们鼠标悬停展望它旁边显示了一些东西。)
因此，在我的ASPX页面中，目前我有一个jquery，它在页面的中央显示对话框(它将ASPX页面屏蔽成全白，然后将实际内容显示为弹出窗口)，但我希望在不屏蔽aspx页面的情况下，在靠近鼠标悬停的地方显示弹出窗口。
ASPX页面有很少的jquery引用。下面是ASPX页面。
<asp:Content ContentPlaceHolderID="PageScript" runat="server">
<di
浏览 1提问于2011-12-30得票数 0
回答已采纳
2回答
我是ReactJs的新手，正在尝试通过onclick事件创建一个弹出窗口。
我正在关注这个资源-
文件- /src/components/feed.js
import React from 'react';
function feed (props) {
return (
<div className="card-header">
<h2>{props.firstname} {props.middleInitial} {props.lastname}</h2>
浏览 0提问于2019-09-01得票数 0
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
回答已采纳
这个问题在实际行动中解决了一半。
现在，它是用javascript中硬编码的容器宽度设置的。
我需要的js抓取宽度的容器div调整它与窗口滚动。但仅调整#container div宽度的1/3。
它目前的设置方式是，您必须手动将脚本设置为css中div的宽度。我希望能够在css中更改div的宽度，让js抓取它，并只允许用户在到达窗口底部时调整其宽度的1/3。
浏览 0提问于2012-07-29得票数 3
我想在我的页面上简单的分享按钮，点击后打开弹出窗口来分享当前的url。
我尝试使用facebook开发人员的代码(从官方网站)
但是当我添加ruby变量数据时(但是使用request.url -href=“”，它就可以工作了)
<div class="fb-share-button" data-href="#{request.url}"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fj
浏览 2提问于2014-08-08得票数 0
1回答
可拖动弹出模式窗口溢出问题
、、、、
有一个可拖动弹出模式，我在项目中使用。但是，当我在这个可拖动弹出模式上的任何地方拖动时，在浏览器窗口中我拖动它的次数就会消失。然而，我想要的是这个可持续的弹出模式不会以任何方式在浏览器(窗口)上溢出。它被锁定在窗口中，并显示all.To汇总，我想防止拖动弹出模式滚动打开，我也希望它保持在窗口大小内固定。如果你能帮助我，我会很高兴的。
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script s
浏览 21提问于2020-05-14得票数 0
回答已采纳
我尝试在引导模式窗口中创建一个简单的表单。在现代浏览器中一切正常，但IE8在页面底部显示模式窗口的空容器。截图：
模式窗口的代码放在结束标记之前
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script
浏览 1提问于2014-08-09得票数 0
1回答
在从窗口切换到iframe时得到错误，并且没有找到任何错误。错误正在测试中
脚本
click(locator.login_link);
//按一下，几秒钟后我就能打开Iframe窗口
driver.switchTo().frame("GTM-WDM67TP");
//通过传递id切换到iframe窗口
click(locator.login_email);
//单击iframe窗口上的元素
源代码
<!-- inject:css -->
<link rel="stylesheet" href="assets/styles/use
浏览 5提问于2017-01-22得票数 0
回答已采纳
我尝试了下面的方法：
$('select').change(function () {
var addProj = $('select option:selected').val();
if(addProj === 'addthis'){
$('#myModal').modal();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
浏览 3提问于2015-12-30得票数 0
我正在使用创建一个对话框窗口。要在对话框中显示的div具有类' dialog‘。
让我们先来看看html：
<div class="click_me">
Click Me
</div><!-- end of class click_me-->
<div class="dialog">
this is my dialog
</div>
css和javascript如下：
<style type="text/css">
.click_me{
width:
浏览 2提问于2012-03-06得票数 0
回答已采纳
我正在构建一个chrome扩展，我想在Gmail网页的compose窗口的div元素中添加一个内容。通过使用chrome中的inspect工具，我获得了div的类，预先添加了内容，但它没有显示。 Manifest.json {
"manifest_version": 2,
"name": "Gmail Extension",
"description": "Personalised extension for gmail",
"version": "1.0",
"icon
浏览 14提问于2019-02-23得票数 0
我有疑问，因为我在我的网站上的JS代码有一个问题。我在Js文件中创建了7个弹出窗口，并将该文件附加到我的index.php中。当我把它们全部使用时，最后一个才起作用。
index.php (片段)
<div id="popupBox_1">
<div class="popupBoxWrapper">
<div class="popupBoxConten
浏览 3提问于2017-04-04得票数 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
回答已采纳
我是相当新的反应和建立一个原型聊天应用程序。同一页上有两个窗口，一个用于帮助代理，另一个用于客户端(或请求帮助的人)。当代理或客户端输入消息时，该消息应出现在两个窗口中。但是，我的当前版本只是在每个窗口中显示关联的用户，而不是在两个窗口中显示消息。还需要使submit按钮处于不活动状态，直到消息框中包含文本。
我尝试过使用<button type="button" disabled={!this.state.email}>Button</button>并将value={this.state.message} onChange={this.handleCh
浏览 0提问于2018-02-17得票数 2
回答已采纳
我的问题是水平滚动滚动条，这是在窗口内，我使用这段代码，但它滚动窗口的水平条，而不是确切的滚动条在窗口内。
WebElement scroll = driver.findElement(By.xpath("//div[@id='gvLocationHorizontalRail']"));
JavascriptExecutor js = (JavascriptExecutor)driver;
js.executeScript("window.scrollBy(250,0)", "");
浏览 1提问于2016-02-17得票数 6
如果我调整窗口的大小，然后刷新滑块，其中的图像将调整大小以与浏览器的宽度相匹配，但是我需要在窗口调整大小时自动进行此操作.怎么做呢?？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery.min.js
浏览 4提问于2012-07-13得票数 4
回答已采纳
1回答
我下载了这个Reactbootstrap主题，并让它与NextJS一起工作。困扰我的问题是我在Layout.js中的Layout.js有点超出了窗口。就像垂直滚动条一样，水平边距也在增加。解决方案是用div覆盖滚动条吗？我只是想要它，所以<div className="main-panel">适合在窗口和不需要一个水平滚动。我不知道怎么解释，但我有一个例子要给你看。
下面是Layout.js呈现：
return (
<div className="wrapper">
<Sidebar rout
浏览 1提问于2021-12-12得票数 0
回答已采纳
我使用的是一个“固定”风格的布局页面，在我的主页上有一个导航栏，我也想在弹出窗口中使用。在我的主页中，一切都运行得很好，我可以使用导航栏中的链接/图标来触发某些事件。但是，当将相同的结构复制到弹出窗口时，我无法获得任何事件触发。
在我的主页上，所有的HTML都在工作：
<div class="views">
<div class="view view-main">
<div class="pages">
<div data-page="index" class=&#
浏览 12提问于2017-01-09得票数 0
回答已采纳
1回答
如何创建动态定位悬停弹出窗口，可以在没有工具提示插件的情况下根据父缩进从左到右改变方向
HTML
<div class="main">
<div class="visible">visible content</div>
<div class="hidden">hidden content</div>
</div>
JS
$('.main > .visible').hover(function () {
$('.hidde
浏览 2提问于2012-04-11得票数 0
回答已采纳
调整窗口大小有问题。我要做的是检查窗口是否小于600像素，然后在正文前面加上一个div (.inner)。在调整大小时，我想检查窗口宽度，如果它大于600像素，则将div (内部)放回原来的位置。
HTML
<body>
<div class="outer">
<div class="inner">
</div>
</div>
JS
var windowWidth = $(window).width();
checkWidth();
function checkWidth
浏览 2提问于2013-01-25得票数 0
回答已采纳
我使用VideoJS在一个全屏页面上显示一个视频，如下所示： <div class="container-fluid">
<div class="row">
<div class="player-center">
<video-js autoplay id=player class="vjs-fluid" controls="true">
浏览 69提问于2021-09-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
