在jQuery中的PopupWindow
在jQuery中，PopupWindow是一个插件，用于创建弹出窗口。它允许您轻松地创建自定义弹出窗口，并具有许多可配置的选项。以下是一些关键概念和功能：
- 弹出窗口：弹出窗口是一个独立的浏览器窗口，通常用于显示额外的信息或交互式内容。
- 插件：PopupWindow是一个可以与jQuery一起使用的插件，使您能够轻松地在网站上创建弹出窗口。
- 可配置选项：PopupWindow提供了许多可配置选项，例如大小、位置、标题、按钮等，以便您可以根据需要定制弹出窗口。
- 事件处理：PopupWindow支持事件处理，例如点击按钮时触发事件。
- 适应不同设备：PopupWindow可以适应不同的设备和屏幕尺寸，以确保您的弹出窗口在任何设备上都能正常工作。
推荐的腾讯云相关产品：
- 腾讯云COS：腾讯云COS（对象存储）是一种存储服务，可以用于存储和管理网站上的静态资源，例如图片、视频和文档。
- 腾讯云CDN：腾讯云CDN（内容分发网络）是一种网络服务，可以用于加速网站的加载速度，并提高用户体验。
- 腾讯云SSL证书：腾讯云SSL证书是一种安全证书，可以用于加密网站的通信，并提高用户的信任度。
产品介绍链接地址：
相关·内容
在单击listener中，我有一个返回promise并打开弹出窗口的函数。在弹出窗口中，我希望传递所选值的数组。然而，这个承诺只有在我第一次点击“发布”按钮时才起作用。 我做错了什么？ Sample function showtWindow(){
var selected = [];
var post = false;
var dfd = new jQuery.Deferred();
var promise = dfd.promise();
var popupWindow = $("#popupWindow
浏览 8提问于2019-06-06得票数 1
回答已采纳
我想弹出一个基于的jquery脚本的模式窗口
我的测试页面在
我正在使用php生成一个表，并且我有data-href来触发整个表行(元组)，使其可以被点击来加载游戏。我加载了最新的jquery，并且：
<script src="js/jquery.popupWindow.js"></script>
<script>$('.example').popupWindow({centerScreen:1});</script>
但是弹出窗口是空白的，基于以下内容：
<tr class="example"
浏览 0提问于2012-06-03得票数 0
回答已采纳
3回答
如何选择弹出式灯箱div的弹出窗口？
在jQuery中，它类似于$('div#popup-lightbox #popupwindow')。不幸的是，在原型中，这并不容易.有人能帮我吗？谢谢!
<div id="popup-lightbox" class="popup">
<div id="popupoverlay"></div>
<div id="popupdiv">
<div id="popupwindow"&g
浏览 6提问于2010-08-17得票数 2
回答已采纳
下面的jQuery语句到底是什么意思，或者它们是做什么的？
$(window).focus(mainWindowFocus);
$(window).unbind('focus', mainWindowFocus);
这与主窗口和子窗口/弹出窗口相关。
function mainWindowFocus() {
if (popUpWindow && !popUpWindow.closed) {
popUpWindow.focus();
} else {
popUpWasClosed();
}
}
浏览 0提问于2011-04-14得票数 0
回答已采纳
enter image description here我正在开发一个在线图书馆管理系统。我有很多书的预览按钮。我已经添加了jquery popupwindow modal来预览我的书。弹出窗口工作正常，但它没有显示与该按钮关联的确切书籍。如何做到这一点？请帮帮忙 下面是我的按钮代码： <button id="prev" class="btn btn-danger basic-demo_button" data-target="#<?php echo $row['bookid']; ?>" ><i
浏览 12提问于2020-09-24得票数 0
我在使用jQuery 1.3.2和火狐时遇到了一个奇怪的错误。我已经为一个元素创建了一个小的弹出窗口，我正在使用下面的代码
var popupWindow = $($('#template')[0].innerHTML).css(
'top', top).css(
'left', left).css(
'position', 'absolute').css(
'opacity', '1'
浏览 9提问于2009-11-07得票数 0
回答已采纳
在我的网页中，我打开一个弹出窗口，并使用JavaScript/jQuery为弹出窗口生成HTML：
var site="<html> ............. </html>";
var popupWindow = window.open("","","menubar=0,scrollbars=0");
popupWindow.document.write(site);
问题是，弹出窗口在状态栏中显示“正在阅读”。我应该使用什么来代替document.write()？
编辑：
document.close
浏览 0提问于2012-11-30得票数 3
回答已采纳
0回答
如何在数据成功post和显示后调用jQuery函数。示例如下：
<script>
$(document).ready(function(){
$("#pr_no").change(function(){
var pr_no = $('#pr_no').val();
$.post('../view-detail-purchase-pdf.php',
{
pr_no : pr_no
}, function(data) {
浏览 3提问于2016-07-14得票数 0
回答已采纳
2回答
有没有办法将iframe的内容复制到jQuery的弹出窗口中？
$(popUpWindow.document).append($('#iframe1').contents());
$(popUpWindow.document).append($('#iframe1').contents().find('body').html());
它们都不能正常工作！
谢谢
浏览 2提问于2011-03-31得票数 1
我有一个像bellow这样的html DOM
<div class="data">
<a href="#" onclick="popupwindow('/includes/phoneNumberLookup.cfm?phone=(205) 324-5322&doctorID=2013072910215350207237&url= ' + document.URL + ' &refUrl=','',250,150); return false;
浏览 2提问于2014-11-20得票数 0
3回答
我想在表行中添加一个类onclick：
<tr class="gradeA " onclick="window.location.href='games/BG-1001.php'; obj.className='diagram-popup';" >
..。
<!--Another Pop-up for diagram-->
<script src="js/jquery.popupWindow-min.js" ></script>
<script>
浏览 1提问于2011-09-05得票数 1
我正在尝试在一个jsf项目中使用jquery。我想开一个。对话框正在打开，可以执行我们所需的操作。但当它关闭时，富脸标签就不起作用了。当我删除
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
<script type="text/javascript"
src="https://a
浏览 0提问于2011-07-28得票数 1
回答已采纳
我的jquery有问题，但找不到原因。当我第一次点击我的链接时，什么也没有发生。在第二次点击时，我的链接起作用了。这是我的代码。
aplication_helper.rb
def link_to_share(name, url)
link_to_function(name, "share_link(name, url)")
end
我的jquery文件
function share_link(link, url)
{
$(link).click(function() {
window.open('http://www.facebook.com/shar
浏览 0提问于2011-08-21得票数 0
回答已采纳
我有个html DOM。我想从onclick属性中获取电话数据。这里是html DOM
<div class="data">
<a href="#" onclick="popupwindow('/includes/phoneNumberLookup.cfm?phone=(205) 324-5322&doctorID=2013072910215350207237&url= ' + document.URL + ' &refUrl=','',
浏览 2提问于2014-11-20得票数 0
回答已采纳
我试图实现的是通过javascript/jquery动态创建按钮，并在其上附加一个"click“事件，以便每个按钮都会显示一个弹出窗口，其中包含一些文本，这些文本在每次迭代中都是不同的(数据取自数组)。然而，我很难在"click“函数中传递数据，因为目前脚本在循环中只返回var i的最终值，或者根本不返回任何值。代码如下：
let heroStartingInventory = [];
let heroStartingInventoryDescription = [];
heroStartingInventory.push(item
浏览 9提问于2021-05-23得票数 1
1回答
我有包含两个按钮(假设ButtonA和ButtonB)的片段A，当按下ButtonB时，我正在加载片段B(片段B包含一个按钮，假设按钮C)，而按下按钮C时，弹出窗口将会出现。
我现在面临的问题是，当我再次按下弹出窗口时，窗口消失了，但正在加载片段A。
实际上，我需要当弹出窗口显示在片段B中，然后用户按下后退按钮，弹出窗口应该只会消失，它仍然保留在片段B中，而不是转到片段A。
我所做的是，从片段B创建了一个接口，并在一个活动中传递了popwindow实例，并且从该活动中，我忽略了Popwindow。
@Override
public void onHandleRequest(Popup
浏览 1提问于2016-11-16得票数 0
1回答
在使用锁屏应用程序时，我看到了一种非常奇怪的行为:显示ListPopupWindow会迫使软键盘关闭。这仅在“锁屏”活动(活动窗口标志设置为FLAG_SHOW_WHEN_LOCKED|FLAG_DISMISS_KEYGUARD)上发生，并且仅在设置了键盘保护pin/密码时发生。
下面是一个代码示例：
editText.setOnFocusChangeListener((v, hasFocus) -> {
ListPopupWindow popupWindow = new ListPopupWindow(getContext());
popupWindow.
浏览 5提问于2018-07-07得票数 0
Emulator中的弹出式显示：
在真实设备中显示弹出窗口：
如您所见，Emulator中显示的弹出窗口比真实设备中显示的更正确。我也不知道原因。当我修改弹出窗口以获得EditText的焦点时，就发生了这种情况：
container = inflater.inflate(R.layout.play_exercise_popup, null);
fadeContainer = inflater.inflate(com.phongphonix.trackingbodybuilding.R.layout.faded_popup, null);
popupWindow = new
浏览 4提问于2016-12-29得票数 0
1回答
如果我按如下所示进行初始化，我将显示一个弹出窗口：
popupWindow.setBackgroundDrawable(new BitmapDrawable());
popupWindow.setFocusable(false);
和
@Override
public void onBackPressed() {
if (popupWindow.isShowing()) {
showConfirmationDialogForExit();
} else {
super.onBackPressed();
浏览 1提问于2018-03-09得票数 0
2回答
从碎片向后按
、、
我有一个查询，需要帮助重新分级它。
我的应用程序中有两个片段，假设片段A和片段B，当我的应用程序打开片段A时，首先会出现片段A(它在按下按钮时包含一个按钮，它调用了片段B)，.Now片段B包含一个按钮(例如按钮C)，而按按钮C时，弹出窗口就会出现。
我所面临的问题是，当我从碎片B向后按下时，弹出窗口会被丢弃，这个操作很好，但它会加载碎片A。
我不想把碎片A装到后面的媒体上。在Back Press上，如果弹出窗口正在显示，那么它应该解散并保持在片段B中，如果弹出窗口没有显示，那么它就应该退出应用程序。
我试过:我在片段B中创建了接口，并在活动中获取了popwindow的实例。
@Override
浏览 4提问于2016-11-16得票数 0
回答已采纳
1回答
设置popUpWindow的样式
、、、、
我正在开发一个应用程序，它需要一些类似于弹出窗口的东西。我正在考虑两种不同的设计。一种是popUpWindow作为普通的popUpWindow打开，不需要启动新的活动；另一种设计是弹出窗口作为新的活动打开。在后一种设计中(打开了一个新的activity )，我可以通过在清单的activity标签中添加以下行来使新窗口看起来非常漂亮：
android:theme="@android:style/Theme.Dialog"
然而，似乎开始一个新的活动对我的整体设计是行不通的。我的问题是，如何将这种“对话”风格应用于常规的popUpWindow？
下面是我实例化并显示popUpWin
浏览 1提问于2011-10-21得票数 1
回答已采纳
--mainPage.php----
<div>
<iframe>pageA.php</iframe>
</div>
<div>
<iframe>pageB.php</iframe>
</div>
主页包含两个iframe，分别链接到pageA.php和pageB.php。
在PageA.php上，有一个显示popUpWindow.php的链接。(参见popUpwindow示例：)。
在我的例子中，popUpWindow.php没有popUp，在单击链接后，pageA.php被替换
浏览 5提问于2011-12-01得票数 0
回答已采纳
1回答
我们尝试使用AngularJS.We打印内容，尝试使用ng-bind绑定元素，但数据没有显示在document.We中。请附上下面的屏幕截图，并友好地告诉我们哪里做错了。
print.component.js
var printItem={
bindings: {
onPrint: '&'
},
templateUrl: 'app/print-item/print.item.html',
controller: PrintComponentController
}
function PrintCompon
浏览 7提问于2019-11-29得票数 0
1回答
我看到有人建议使用.last()从上一次选择中选择元素，但是可以在同类元素之前插入元素，如代码段所示。是否有一种方法可以在不使用全局变量的情况下选择给定选择中最新或最老的元素？
popupWindow = $(
'<div class="popup">' + (
'<button class="close">Close</button>' +
'<div class="work-area"></div>'
) +
浏览 0提问于2018-02-01得票数 0
回答已采纳
我使用的是CirclePlayer，它会在加载特定页面时自动启动。播放器有一个弹出选项，我需要在主窗口上停止播放器，只允许弹出窗口播放器播放。
jQuery(document).ready(function($){
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
'.$streamtype.': "'.$stream.'",
}, {
cssSelectorAncestor: "#cp_con
浏览 0提问于2013-06-28得票数 0
回答已采纳
从的问题中，我学会了如何隐藏popupWindow (在此之前，下面的代码中的popupWindow.dismiss();没有工作)。
private void initFAB(){
fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
boolean showPopupWindow = false;
public void onClick(View view) {
浏览 1提问于2017-01-06得票数 0
回答已采纳
在iOS 13中，当模式视图控制器出现时，有一个新的行为。现在默认情况下它不是全屏的，当我尝试将modalPresentationStyle更改为.fullScreen时，我的视图会立即显示并关闭。我给出了视图控制器的代码： if #available(iOS 13.0, *) {
var popupWindow: UIWindow?
let windowScene = UIApplication.shared
.connectedScenes
.filter { $0.activationState ==
浏览 33提问于2019-10-09得票数 2
回答已采纳
3回答
我正在使用jquery的popupwindow插件在弹出窗口中显示一个表单。提交后如何关闭此窗口？是我所说的链接。我可以在pupup窗口中打开链接。但在提交后，我希望它在其父窗口中打开。
浏览 4提问于2009-04-05得票数 3
回答已采纳
我在RecyclerView中显示JSON数据，我在显示的RecyclerView项上添加了长按操作。当我长时间单击时，我想在每个回收视图项目的顶部显示该。
但PopupWindow只显示在父屏幕的顶部，而不是回收视图项目的顶部。
我希望PopupWindow应该显示在每个RecyclerView项目布局的顶部。
下面是我用于显示PopupWindow的代码
private void PopUpWindowOption(LinearLayout mainLayout)
{
View customView = LayoutInflater.from(context).i
浏览 9提问于2018-05-09得票数 0
我正在运行时为对话框创建div，并使用动态更改的url加载iframe。
我的问题是在jquery-ui对话框内加载iframe后，我想要调整iframe以适应其内容高度和宽度，然后在调整对话框大小之后。
下面是我使用jquery的javascript函数。
function OpenNewWindowInDialogBox(URL, dialogTitle) {
// jquery dialogbox
(function ($) {
if ($(".popupwindow").size() > 0) {
$(".popupwindow
浏览 0提问于2011-10-17得票数 1
我在我的项目中使用PopupWindow。当触摸显示的时候，我不能忽略它。我试过：
@Override
public void onResume() {
super.onResume();
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
View popup = LayoutInflater.from(getActivity()).inflate(R.layout.popup,
浏览 2提问于2015-07-13得票数 0
1回答
我试图自定义弹出式菜单，但未能自定义。我尝试过许多建议和解决方案，但没有成功。
请检查并建议我哪里错了..。
我想创建像这样的流行菜单：
我试过这些密码：
public PopupWindow popupDisplay() {
final PopupWindow popupWindow = new PopupWindow(context);
// inflate your layout or dynamically add view
LayoutInflater inflater = (LayoutInflater) context.getSystemServ
浏览 1提问于2018-04-12得票数 0
好的，我有以下要求：
一个EditText，如果用户键入@一个带有建议的弹出式
用户可以继续输入，这将过滤建议。
用户可以点击一个建议，这将完成条目并取消弹出窗口。
用户可以在弹出窗口外点击，从而将其排除在外。
这是我的代码：
PopupWindow popupWindow = new PopupWindow(mContext);
// Create ListView to show the suggestions
ListView listView = new ListView(mContext);
l
浏览 4提问于2016-08-08得票数 2
我想在另一个PopUpWindow中打开一个PopUpWindow。我的MainActivity里有一个ImageButtons。当我点击它时，会出现一个PopUpWindow。我使用它作为我的应用程序中的一种子菜单。在我的第一个PopupWindow中是另一个ImageButton。如果我点击它，应该会出现第二个PopupWindow，并覆盖第一个。
打开第一个PopupWindow就可以了。当我单击其中的按钮打开第二个按钮时，应用程序崩溃。如何才能使第二个PopupWindow正常工作？
谢谢你的帮助。
我像这样试了一下：
final ImageButton btnOpenPopup =
浏览 0提问于2015-07-18得票数 1
我一直从我的模型调用事件中得到以下错误：
window.Playlist = new PlaylistModel();
Playlist.trigger("playerPlaying");
`Uncaught TypeError: Cannot read property '0' of undefined`
我的堆栈追踪：
Uncaught TypeError: Cannot read property '0' of undefined
triggerEventsbackbone.js:206
Backbone.Events.triggerbac
浏览 1提问于2014-07-20得票数 0
4回答
我使用以下代码创建工具栏下面的弹出窗口：
private void initializePopUpWindow() {
//inflate the popupwindow_attachment.xml
LinearLayout viewGroup = (LinearLayout) SingleChatActivity.this.findViewById(R.id.popup_element);
LayoutInflater inflater = (LayoutInflater) SingleChatActivity.this.getSystemService(Conte
浏览 0提问于2016-02-10得票数 1
下面是我的代码menu - ImageView menubottom - ImageView我的要求是在弹出窗口显示时显示menubottom图像。
menu.setOnClickListener(new OnClickListener()
{
public void onClick(View v)
{View layout=(View)getLayoutInflater().inflate(R.layout.navigationbar, null);
popupWindow = new PopupWindow(getAppli
浏览 4提问于2015-05-08得票数 5
我正在尝试从iframe中调用一个jQuery弹出窗口函数。
在包含在父框架中的外部.js中，我有以下内容：
(function($){
$.fn.popupWindow = function(instanceSettings){
return this.each(function(){
$(this).click(function(){
$.fn.popupWindow.defaultSettings = {
centerBrowser:0, // center window over b
浏览 0提问于2010-09-14得票数 0
回答已采纳
1回答
使用JavaScript弹出窗口
、、、、
以下代码在firefox中运行良好。但是在IE 11中，我看到弹出窗口，当我关闭弹出窗口时，屏幕颜色应该变成白色，但是屏幕颜色没有变成白色。如果我在关闭弹出窗口后单击页面。它变白了。
var popupWindow = null;
function child_open() {
popupWindow = window.open("popUp.html", "mywindow", "resizable='yes';scrollbars=yes,toolbar=no,menubar=no,status=no,width=700,h
浏览 0提问于2015-10-09得票数 0
有没有办法从android BottomSheetDialog获取ContentView？在PopupWindow中，我可以通过popupWindow.getContentView()方法获得PopupWindow的视图，但是我找不到任何从BottomSheetDialog中获取ConentView的方法。
浏览 1提问于2017-06-05得票数 1
回答已采纳
在PopupWindow的子类中，onCreate方法似乎不能从超类中获得。获取错误“无法解析方法onCreate()”。
所有其他方法都可用。
谢谢。
import android.widget.PopupWindow;
public class MyPopupWindow extends PopupWindow
{
public void MyPopupWindow()
{
super.onCreate();
}
}
浏览 4提问于2018-04-27得票数 0
我正在使用这个jQuery插件：，它看起来很棒。我的jQuery代码附加到库存表格中的表行上，如下所示：
$("tr").popupWindow({windowURL:$(this).attr("url"),windowName:'Details', centerScreen: true});
HTML (来自PHP)如下所示：
echo "<tr url=\"details.php?id=$idNum\"><td>$idNum</td>";
无论出于什么原因，表达式$(thi
浏览 7提问于2012-04-26得票数 1
我正在开发一个Android应用程序，我设计了一个popupWindow，通过替换活动中的软键盘来显示一些视图。popupWindow包含一个searchView。当我点击一个按钮，它显示popupWindow和软键盘隐藏。现在，当searchView中的popupWindow获得焦点时，我调用该方法：
PopupWindow.setFocusable(真)
显示键盘，以便用户可以开始在searchView中键入。当searchView在焦点和软键盘打开时，然后按后退键关闭searchView和popupWindow。
为了解决这个问题，我创建了一个自定义searchView，并覆盖了
浏览 5提问于2016-09-20得票数 1
3回答
我有以下层次结构：Activity -> PopupWindow -> CustomView
我的PopupWindow本身是一个方形的，但透明的，所以你可以看到活动坐在后台。CustomView是嵌入在PopupWindow中的一个圆圈。
到目前为止我所取得的成就是
用户单击绿色圆圈，我调用用户单击PopupWindow外部的“一些东西”，然后将触摸事件分派到活动中。
现在缺少的部分是将发生在PopupWindow内部但在CustomView (循环)之外的任何触摸事件分派给活动。
我已经知道当触觉在我的圈子之外时该如何感知。我只是很难把它下放到活动中。
在我的Custom
浏览 2提问于2010-09-30得票数 22
我在PopupWindow中使用一个PopupWindow。它显示OK，但选择标记没有显示在EditText中。当我在EditText中长时间按下时，选项菜单也不会改变。在LogCat中我看到了一个警告
TextView不支持文本选择。动作模式取消。
因此，EditText无法从剪贴板复制/粘贴文本。有没有办法在一个EditText中得到“正常”的PopupWindow行为？
这段代码显示了问题，但我也尝试过许多不同的方法：
EditText edit = new EditText(getContext());
edit.setBackgroundColor(Color.BLUE);
Po
浏览 2提问于2011-11-07得票数 12
2回答
我使用的是一个自定义弹出菜单，它弹出在RecycleView容器中。
当视图触摸到底部的on时，弹出菜单会隐藏位于RecycleView下面的控件。
在本例中，我希望调整弹出位置，使弹出的距离准确地显示出所需的，以便菜单保持在容器中。
这应该很容易，但我在获取坐标和从处理点击项目的Adapter内部应用计算时遇到了困难。
以下是我迄今为止所做的工作：
void show(FragmentActivity activity, View touchedView, DataItem item) {
LayoutInflater layoutInflater = (LayoutInf
浏览 2提问于2017-10-14得票数 1
回答已采纳
我试图在单击listview项目时显示一个ListPopupWindow。ListPopupWindow中的项是可滚动的。但我不能给它底部的空间，它触及屏幕的底部。
private ListPopupWindow getListMenu(Context context, View anchor, String[] options) {
Context wrapper = new ContextThemeWrapper(context, R.style.ProfilePicPopUp);
ListPopupWindow popupWindow = new ListPopupWin
浏览 4提问于2017-02-20得票数 0
回答已采纳
1回答
我不知道如何在Android中做一个水平弹出窗口。我想做这样的东西：
我已经写了下面的代码：
public void onPopUp(View view) {
LayoutInflater layoutInflater = (LayoutInflater) this.getBaseContext().getSystemService(LAYOUT_INFLATER_SERVICE);
final View popupView = layoutInflater.inflate(R.layout.popup, null);
final PopupWindow po
浏览 0提问于2018-05-04得票数 0
我正在制作一个键盘，显示语言的popupWindow。在所有的设备中，我在键盘外得到了完美的popupWindow，但在只有Android中，我不能在键盘外显示popupWindow。
当蓝牙键盘连接时，我想在键盘的candidateView之外显示弹出。
我正在使用这个代码
setClippingEnabled(false);
showAtLocation(anchor, Gravity.NO_GRAVITY, x, y);
有人知道，有什么问题吗？
下面是演示应用程序-
看截图，
在Android中，您可以在底部看到一个小行，即用于语言的popupWindow。
左边在派下面，右边是派
浏览 0提问于2019-07-04得票数 14
回答已采纳
在安卓应用程序中，我试图在应用程序上花费30分钟(使用PopUpWindow )弹出窗口，这个弹出式窗口是从安卓工作室的libs文件夹中的库文件中调用的。但不能弹出它，给出异常
"android.view.WindowManager$BadTokenException:无法添加窗口--令牌null无效；您的活动是否正在运行？“
请建议一下该怎么做？有没有其他方法可以做到这一点？
但是只需要从库中调用popup。
我已经使用了下面给出的PopUp代码：
LayoutInflater layoutInflater
= (LayoutInfla
浏览 9提问于2017-02-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
