jQuery blockUI - 'message‘属性值没有出现在具有相同类的阻塞div中
jQuery blockUI是一个用于创建阻塞式UI的插件，可以在前端开发中使用。它可以用于在页面加载或执行某些操作时，阻止用户进行其他操作，以提供更好的用户体验。
在使用jQuery blockUI时，可以通过设置'message'属性来指定阻塞div中显示的消息。然而，如果设置的'message'属性值没有出现在具有相同类的阻塞div中，可能会导致该消息无法显示。
为了解决这个问题，可以按照以下步骤进行操作：
- 确保在页面中正确引入了jQuery库和blockUI插件的相关文件。
- 在需要使用blockUI的地方，使用jQuery选择器选择要阻塞的div元素，并添加相应的类名。
- 在设置'message'属性时，确保该属性值出现在具有相同类的阻塞div中。
例如，如果要阻塞一个具有类名为"myDiv"的div，并显示消息为"Loading..."，可以按照以下方式使用blockUI：
HTML代码：
<div class="myDiv">
<!-- 内容 -->
</div>JavaScript代码：
$('.myDiv').block({
message: 'Loading...'
});这样，当执行blockUI时，会在具有类名为"myDiv"的div中显示消息"Loading..."。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），它可以提供全球加速、高可用、低时延的内容分发服务，适用于网站加速、点播加速、直播加速等场景。了解更多信息，请访问腾讯云CDN产品介绍页面：https://cloud.tencent.com/product/cdn
相关·内容
1回答
下面是jqGrid：
<table id="_myGrid" cellpadding="0" cellspacing="0">
</table>
<div id="_myPager" style="text-align: center;">
</div>
试图通过执行下面的操作来禁用整个jqGrid是行不通的：
<script type="text/javascript" src="/Scripts/jquery-1.10.2.js
浏览 4提问于2013-11-06得票数 1
回答已采纳
2回答
我的网站使用的是jQuery工具提示插件()和blockui插件。
我像这样应用工具提示：
$(function() {
$("span.helptooltip").tooltip({
showURL: false,
showBody: " - "
});
});
除了使用blockui显示的DIV之外，它在任何地方都像是一种魅力：
$.blockUI( {
theme: true,
title: "my div",
message: $('#divName'
浏览 1提问于2009-12-31得票数 0
回答已采纳
我在JQuery UI上工作，我在点击锚点时阻止UI，点击时我加载一些url到div中，这就是为什么我阻止UI来阻止点击然后取消阻止它，出现的问题是阻止发生一秒(或更少)，突然解除阻止，在这种情况下，请求网址没有完全加载，用户能够单击另一个锚点
$('.carousel-main .carousel ul li a').each(function () {
$(this).click(function (e) {
$.blockUI({ message: "Please wait..." });
浏览 3提问于2012-09-18得票数 1
回答已采纳
我们知道可以使用jQuery BlockUI阻塞任何元素。如以下代码所示
<script type="text/javascript">
$(document).ready(function() {
$('#blockButton2').click(function() {
$('div.test').block({
message: '<h1>Processing</h1>',
css: { border: &#
浏览 2提问于2011-08-02得票数 0
回答已采纳
2回答
使用jquery的覆盖框
、、、、
我有一个用于jquery的blockUI插件，通过它我可以调用覆盖框中的另一个php文件。我想通过多个相同id的按钮(这里是pageDemo1)来激活这个功能。但是当我这样做的时候，只有一个按钮可以工作，而其他所有的按钮都不能工作。我该怎么做才能让它工作呢？
$(document).ready(function() {
$('#pageDemo1').click(function() {
$.blockUI({ message: $('#domMessage') });
test();
});
浏览 1提问于2013-01-20得票数 0
1回答
我在blockUI中的块之间转换，但是在解除阻塞之后，它从DOM中完全删除了第一项的元素，有什么方法可以解决这个问题吗？
$(function () {
$("#step1").click(function() {
$.blockUI({ message: $("#test1") });
});
$("#step2").click(function() {
$.unblockUI();
$.blockUI({ message: $("#test2")
浏览 4提问于2015-10-28得票数 0
1回答
select2搜索无效
、、、、
我已经工作了一段时间的select2插件，直到现在，它是完美的。
我有一个页面，有3个选择正在加载数据和工作良好，多个选择是在弹出窗口内。他们看起来不错，但你不能在搜索栏上写字。在主页上，搜索工作进行得很好，所以我不知道问题出在哪里。
我正在使用弹出窗口的blockUI插件。我尝试过z索引，破坏并启动了blockUI函数回调的插件，但是没有什么工作，我也不知道为什么。
守则：
<!doctype html>
<html>
<head>
<title>ff</title>
<link type="text/css"
浏览 4提问于2013-02-19得票数 3
2回答
我想知道是否可以使用JQuery BlockUI插件直接禁用输入栏。
我在jquery插件上看到了示例。
。
当我在jquery选择器中只给出输入字段id时，它不起作用。
$(document).ready(function() {
$('#blockButton').click(function() {
$('#inputId').block({ message: null });
})
当我只给输入字段id时，它不起作用，但如果我给出锚标签id或div标签id，它就能正常工作。
是否有解决方案来阻止输入字段(文本，选择
浏览 0提问于2012-01-22得票数 2
2回答
我正在使用带有jQuery的$.blockUI来显示一个模式对话框。HTML如下所示：
<div id="progressDialogue" class="mp_modalpopup">
<div class="mp_container">
<div class="mp_header">
<span id="pd_header_text" class="mp_msg">Please wait..</
浏览 0提问于2010-03-26得票数 3
回答已采纳
1回答
我一直在使用blockUI开发一个非常简单的模型，它会弹出并询问用户是否属于某个年龄。我总是尝试首先在它自己的页面中开发一段代码，以避免冲突，这就是我在这里所做的。我有一个简单的html/javascript页面，但它不能正常工作。
每当页面加载时，它都会正常出现。然而，当试图取消阻止(即使不使用按钮)时，它什么也做不了。它只是坐在那里，带着加载图标。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
浏览 0提问于2013-03-27得票数 2
回答已采纳
4回答
我开始使用阻止页面的用户活动，直到在C#/ASP.NET端完成按钮处理为止。
所以我写了这个；
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.io/min/jquery.blockUI.min.js" ></script>
<script type="text/javascript">
$(d
浏览 11提问于2015-12-22得票数 2
当我在jQuery中打开BlockUI (弹出窗口)并尝试更改月份和年份时，下拉列表不会打开。它在弹出窗口很好，但在数据报警器的外面。
HTML：
<div class="popup">
Date Picker<input type="text" class="datepicker" />
</div>
jQuery：
$(document).ready(function(e) {
$.blockUI({
message:$('.popup'),
浏览 6提问于2013-08-12得票数 8
回答已采纳
我正在一个项目中使用jQuery BlockUI。对于特定的用户操作，我希望阻止UI，然后将数据发送到服务器。当timeout事件发生或服务器返回时，我希望解除对页面的阻塞。
我似乎不能实现这个行为。这就是我到目前为止所拥有的(不工作)
$(document).ready(function(){
$('#test').click(function(event){
$.blockUI({ message: $('#mydiv') });
$.ajax({
type: 'POST'
浏览 1提问于2011-02-17得票数 0
回答已采纳
6回答
有没有一种优雅的方法可以暂时抑制jQuery事件？我使用的代码如下：
$(element).unbind(event, function1).unbind(event, function2);
// code for which the event is suppressed
$(element).bind(event, function1).bind(event, function2);
但我发现它有点笨拙，并且不能很好地扩展到许多事件。为什么我要暂时禁止事件？在Ajax访问期间，我使用BlockUI插件来阻止UI。这是通过BlockUI提出的：$().ajaxStart($.blockUI
浏览 85提问于2009-11-27得票数 20
回答已采纳
我不能让BlockUI在模式对话框上工作。
我试着解决z-index的问题，但是没有成功...
在我的网页上，标题是：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8
浏览 0提问于2012-02-20得票数 31
回答已采纳
1回答
我有一个想要禁用的简单div：
<div id="MyDiv">
</div>
我的表现如下：
$('#MyDiv').blockUI({
message: '<h1>This has been blocked!</h1>',
css: { border: '3px solid #a00' }
});
在运行时抛出一个错误：
“对象不支持/接受此属性或方法'blockUI'”
我使用以下命令将其包含在内：
<script type="te
浏览 5提问于2013-11-06得票数 1
1回答
我正在使用blockui来显示“等待...加载”弹出窗口。它工作得很好，但有一个小问题:覆盖只覆盖捕获的屏幕，而不是滚动窗口。如果我向右滚动，宽度没有完全覆盖(但高度完全覆盖)。
我只有宽度有问题。
<script language="javascript" type="text/javascript">
$(document).ready(function () {
jQuery('#myAlert').click(function () {
jQuery.blockUI({ mess
浏览 0提问于2011-04-12得票数 2
回答已采纳
我试图在jQuery BlockUI脚本上使用重复区域，但它无法工作。
这是我现在使用的代码：
<?php do { ?>
<script type="text/javascript">
$(document).ready(function() {
$('#t<?php echo $row_dd31['dNo']; ?>').click(function() {
$.blockUI({ message: $('#q<?php echo
浏览 5提问于2010-11-19得票数 0
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.blockUI.js"></script>
<script>
浏览 0提问于2012-08-31得票数 1
回答已采纳
摘要使用jquery.blockUI似乎隐藏/吞下/掩蔽按钮单击事件。
Tech
脊骨和木偶
backbone.radio
下划线
jquery
jquery.blockUI
(所有最新版本)
The App
该应用程序由一个文本输入和一个按钮组成。
就主干/木偶术语而言，有
有两个区域的顶层视图
作为文本输入的容器视图
页脚视图，其中有按钮
容器视图由模型支持。
页脚有一个按钮，单击按钮会发送一个backbone.radio事件。
在顶部视图中可以看到此事件。
当用户离开文本输入时，会调用一个API (ser
浏览 2提问于2019-07-19得票数 2
回答已采纳
2回答
在我的文档头部，我加载了jQuery.js和blockUI jQuery插件。
然后在PHP中，我使用常规AJAX将其他PHP内容加载到DIVs中。在最初的PHP中，jQuery和blockUI插件工作得很好，但是在任何加载ajax的div中，jQuery和blockUI都完全不起作用。没有控制台错误，没有警告-什么都没有。
我是一个jQuery初学者，我找到的关于这个主题的其他文章都不能把我带到解决这个问题的边缘，所以我正在帮助别人。在我下面的代码中，你会看到我对live()进行了一些攻击……
这是加载到DIV中的PHP文件的顶部
<script type="text/
浏览 0提问于2010-09-26得票数 4
回答已采纳
我目前在我的web应用程序上使用Block UI modal plugin ()。
生成模态函数需要输入一些jQuery。我只是想知道我是不是做得最快。有没有人能建议一种更快的方法来输入下面的代码，因为我感觉我有点重复了？
$(document).ready(function () {
/*=======================================
MODAL WINDOW
=======================================*/
// register window
$('#register').click
浏览 0提问于2012-08-01得票数 0
回答已采纳
我从我的母版页有4个内容占位符，我正在使用第三个内容占位符。我正试着屏蔽整个页面。但它只阻塞了第三个内容占位符区域。它只阻止指定的区域。
我使用的是jQuery：
<script language="javascript" type="text/javascript">
$(function() {
//$().ajaxStart($.blockUI).ajaxStop($.unblockUI);
$('#divConfirmBox1').block({ message: $('#div
浏览 1提问于2009-08-31得票数 0
回答已采纳
我使用的是，但所涉及的div非常长，因此屏幕上会显示加载消息。
有没有办法让jquery blockui在可见屏幕上垂直居中加载消息，这样人们就可以在不向下滚动的情况下看到消息？
浏览 3提问于2012-02-05得票数 8
回答已采纳
1回答
有人能帮我解决一下关于使用jquery ()的问题吗？
为什么这个不起作用？
$(document).ajaxStart($.blockUI({message：“等.”})).ajaxStop($.unblockUI)；
如果我就这么做：
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI)；
它可以工作，但是我想用我自己的设置覆盖默认消息。这也不起作用：
$.blockUI({消息：“等待.”})；
我已经能够用以下内容覆盖消息：
$.blockUI.defaults.message =“等.”；
但是，如果我在页面中定义了一个
浏览 0提问于2013-01-05得票数 2
回答已采纳
我正在尝试阻止表行，但我无法这样做。我使用的是jquery插件blockUI。
我的代码：
var dis_tr = $("input[name=abc]").closest('tr')
dis_tr.block({message: null});
有谁可以帮我？
浏览 0提问于2012-07-30得票数 2
回答已采纳
1回答
我使用的是插件。
但是，它似乎使用了全局变量
$.blockUI();
$.unblockUI();
在那里，我可以拥有这个块的不同实例。
$(document).ajaxStart(function (e)
{
$.blockUI(); //setup with a loading msg.
});
$(document).ajaxStop(function (e)
{
$.unblockUI();
})
var ajax = // ajax setup stuff
// 1.5
浏览 5提问于2011-03-08得票数 4
回答已采纳
我用的是jQuery BlockUI。在每个AjaxCall中，我都使用BlockUI插件阻塞表单。但是Ajax请求可能持续1秒或超过分钟。所以我不想在请求需要几秒钟的时候阻止表单。我怎么能做到呢？
浏览 1提问于2011-05-16得票数 3
回答已采纳
4回答
如何测试div是否被阻塞
、、、
如何测试某个div是否被阻塞？
我使用的是BlockUI插件。
$("#containerVenda").block({ message: "Block" });
我想执行一条IF语句，以了解DIV是否被阻塞。
浏览 1提问于2012-03-07得票数 0
回答已采纳
尝试让jQueryUI日期选择器在jQuery blockUI对话框中工作，但它出现在blockUI对话框后面，即在空白区域中，并且在尝试选择日期时，它消失但值未过帐。
js代码很简单；
$('#datePicker').datepicker({ inline: true })；
它是创建对话的blockUI标记的一部分。
使用；
jquery-1.3.2.min.js jquery-ui-1.7.2.custom.min.js jquery.blockUI.js
干杯
浏览 0提问于2009-07-07得票数 0
不确定这是否可能，找不到一个好的答案...我想要一个html链接来启动一个BlockUI“加载”框。
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.blockUI.js"></script>
<SCRIPT language=JavaScript>
$(document).ready(function() {
浏览 3提问于2011-05-12得票数 2
回答已采纳
1回答
请让我知道如何在以下场景中实时更改blockUI消息，而不需要闪烁或调用blockUI。
例如：
$.blockUI({ message: '<h1>Please wait - calculating Exposure </h1>' });
Ajax call1 CalculateExposure()
Ajax call2 CheckStatus() // Will run every 5 seconds for max 2 minutes
{
// Here i want to change block ui page message to
浏览 1提问于2015-01-06得票数 0
回答已采纳
我有大量的javascript代码，并通过您的blockUI.js ()阻止解锁UI。
我随机地得到“不能读取属性'parentNode”的未定义的异常。
我的代码中的阻塞/解除阻塞序列似乎是从sync.ex中退出的。由于有多个html模板，它可能会阻塞两次，解锁一次，反之亦然。我很难分析所有的代码并修正顺序。
我能够制造出一个问题的小提琴。有人能看一下并建议快速解决吗？
<script type="text/javascript">
$(function () {
$("#blockButton").click(f
浏览 3提问于2013-10-14得票数 8
回答已采纳
我在一个jQuery页面中使用BlockUI 1.5.1和BlockUI 2.38。我试图使用下面的代码阻止单击事件按钮上的UI：
$(document).ready(function () {
$("#Button3").click(function () {
$.blockUI({ message: 'Test' });
setTimeout($.unblockUI, 2000);
});
});
...
<div id="globalDiv">
<form id="form1
浏览 1提问于2011-04-26得票数 1
回答已采纳
我使用Javascript页面，在一个函数中使用$.blockUI，我想要3秒阻止这个页面。这就是为什么我添加到setTimeOut中，但是这个函数在blockUI之后调用了Redirect function。不要在此代码中使用setTimeOut或调用重定向函数。
我该怎么做呢？
$.blockUI({
message: "block message",
css: {
border: 'none',
padding: '15px'
}
浏览 2提问于2018-03-19得票数 0
回答已采纳
当我运行这段代码时，BlockUI消息将首先显示"Opdater_Click“何时运行。)即使是最后被召唤出来的人，也会被困在那里。
当按钮被按下时，当UI被阻塞时，我试图阻止我的UI，当它设置DataSource时，当这样做时，UI应该被解除阻塞。
我试着设置一个超时，认为块命令可能需要时间，但事实并非如此。
有人对这个问题有什么建议吗？
ASPX文件中的Javascriptcode
<script src="JavaScript/jquery-2.1.4.min.js"></script>
<script src="JavaSc
浏览 2提问于2015-06-11得票数 0
回答已采纳
如何使用blockUI插件为一个特定的DIV？而不是整个页面？$("div.test").blockUI();不起作用，其中test是一个类，div是DIV标签。
浏览 1提问于2012-09-27得票数 2
我使用JQUERY Block UI来显示系统中一个长时间运行的进程的进度图像。我使用下面的代码来显示进度图像。在blockui和unblockui代码之间有一个长时间运行的方法调用。当我执行此代码块时，UI可以工作，但图像不会像我们在其他网站中看到的那样旋转。这段代码显示了静止的图像，并且它不会在任何时候旋转，并且在最后取消阻止UI工作。为什么这个进度图像没有动画效果？
$.blockUI({ message: img src="../progress.gif" /><h4>Just a moment</h4> });
AddFunctiona
浏览 7提问于2012-07-17得票数 0
回答已采纳
jQuery blockUI
我有多个带有相同类的div (js-car)，试图实现blockUI，点击“阻止”按钮，我想阻止具有相同类(js-car)的所有div，这是一种工作，但指示器只出现在最后一个div中。我怎样才能在所有的div中显示指示器？
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="/_ui/responsive/common/js/jquery-2.1.1.min.js"&g
浏览 18提问于2021-02-18得票数 0
回答已采纳
1回答
我喜欢blcokUI插件。我在我的项目中到处使用它。最近，我需要在blockUI对话框中注入动态html。基本上内容是图像预览。大多数时候，照片所需的空间比屏幕本身要大。
我尝试了很多我能想到的解决方案，包括在blockUI中有一个单独的可滚动的div，而没有运气。
有人做过这事吗？
编辑：代码如下；
如何调用blockUI：
$('#addphoto').click(function (e) {
$('body').block({ message: $('#dropbox'), css: { top: '10px;',
浏览 3提问于2012-09-12得票数 2
1回答
我试图阻止页面的某些部分，我正在遵循教程，但我无法映射元素。
我的js：
$('div.repoDisplay').blockUI({ message: '' ,overlayCSS: { backgroundColor: '#fff' }});
我的html：
<div class="container-sc" style="display: table;">
<div id='repoDisplay' >
<div style="di
浏览 4提问于2014-08-14得票数 3
回答已采纳
我有以下jQuery代码，它给我带来了一个问题。我有两个jQuery函数，这两个函数都调用blockUI，并且都得到了相同的错误。它说blockUI不是一个函数。有人能告诉我为什么吗？
function loading() {
// register on click event for buttons.
$.blockUI({
message: '<h3 class="fldHead">Loading... <img src="/app/i
浏览 0提问于2012-09-13得票数 4
回答已采纳
在使用BlockUI的load方法加载内容之前，我使用jquery插件在div中显示加载消息。
问题是，我拉入的内容包含图像。load回调在图像完全加载和div过早解锁之前触发。
有没有一种方法可以在BlockUI解锁div之前等待所有图像加载完毕？
或者，如果我可以覆盖解锁，我可以使用执行以下操作
$('#mydiv').block({ message: 'Loading' });
$('#mydiv').load('ajax.php', function() {
$('#mydiv').waitFor
浏览 0提问于2012-09-26得票数 1
回答已采纳
2回答
我有以下代码，我正在使用块ui，但它不会阻塞页面。我正在使用ajax调用来获得用户控件结果(部分视图)，以便在page.during ajax调用中加载到div中，我想使用blockui来阻止整个页面。
$('#btnGO').click(function() {
if (validate()) {
alert("loading");
$.blockUI({ message: '<img src="/Content/images/ajax-loader.gif"/
浏览 2提问于2012-08-27得票数 0
回答已采纳
3回答
我有一个很好的模式，当一个帖子正在通过ajax提交时，它会挡住屏幕。blockUI启动正常，模式显示，但是当Ajax完成发布时，模式并没有解锁，它只是继续显示。
$(document).ajaxStop($.unblockUI);
$(document).ready(function() {
$('#ninja_forms_field_50').click(function() {
$.blockUI({ message: $('#rLo') });
});
});
<div id="rLo"
浏览 3提问于2013-11-04得票数 2
如何在调用showModalDialog之前显示blockUI覆盖图？
$("button").click(function(){
$.blockUI({ message: '' });
window.showModalDialog("http://www.google.com");
$.unblockUI();
});
浏览 0提问于2011-07-26得票数 0
回答已采纳
4回答
我希望在进行特定ajax调用时阻止当前页面，并使用blockUI作为消息框。我不能就这么用$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
我的代码如下..
bc.find('.submit').click(function (e) {
e.preventDefault();
if ($(this).hasClass('lock'))
return;
$.blockUI();
$(this).addClass('lock');
b
浏览 11提问于2012-09-26得票数 3
回答已采纳
好的，我使用jQuery和blockUI在asp.net中，我喜欢jquery和blockUI，但是当显示带有asp.net按钮的面板时，实际的按钮被从表单标签中移出，所以当单击该按钮时什么都不会发生。
是否有任何方法配置blockUI将其内容标记放在表单标记中，而不是在正文标记中！
浏览 13提问于2011-10-28得票数 2
回答已采纳
我目前正在使用Blockui来阻止页面，并显示一个加载gif时，ajax功能正在执行。请看这里：
$(document).ready(function() {
//shows loading screen whilst posting via ajax
$().ajaxStart(function() {
$.blockUI({ message: '<h1><img src="../images/layout/busy.gif" /> Just a moment...</h1>
浏览 0提问于2010-02-19得票数 1
2回答
使用的库: jquery.blockUI.js，jquery-ui.css，jQuery-ui.min.js.
这是一个非常古老的使用jquery和块的维护项目。
我用布鲁伊弹出。最近我实现了可拖动功能..。
$.blockUI(
{
message: $('#MyPopUpDiv'),
theme: true,//Make the pop up draggable
draggable: true,
fadeIn: 300,
fadeOut: 300,
showOverlay: true,
centerY: 0
}
浏览 3提问于2015-11-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
