在不使用超时的情况下,我想使用jQuery来检查即将生成的视频标签.当我们正在寻找视频标签时,它还不存在.
我可以使用window.load等待整个窗口加载,然后调用回调函数:
window.load = function () {player = jQuery("#videoid"; }
但无论如何要"等待",直到特定的视频标签插入/加载到正文然后执行回调函数？就像是:
jQuery("#videoid").bind('load', function() { player = jQuery("#videoid"); })
提前致谢
在我的项目中,每次单击按钮时,我都会使用jquery动态创建div.现在我希望这些新的div具有可拖动和可调整大小的属性.以下是我到目前为止所做的事情:
$("#button1").click(function(){
$("<div/>", {
"id": "test",
text: "",
}).appendTo("body");
$( "#test" ).resizable();
$( "#test" ).draggable();
});
这段代码以某种方式工作,问题是只有创建的第一个div是可调整大小和可拖动的.还可以放置另一个按钮来删除这些新创建的div吗？
我有以下脚本:
use strict;
use warnings;
my @test = ("a", "b", "c", "a", "ca");
my @res = grep(m#a#, @test);
print (join(", ", @res)."\n");
它应该只返回包含的字符串a.它完美地运作.
问题是我需要能够动态获取这些字符串.我尝试了以下方法:
use strict;
use warnings;
my $match = "a";
my @test = ("a", "b", "c", "a", "ca");
my @res = grep($match, @test);
print (join(", ", @res)."\n");
结果是:
a,b,c,a,ca
我应该怎么做才能grep使用动态变量的数组？
今天我回答了一个问题,主要是关于UI交互.但后来它让我想到了OP用他们的代码编写动态创建的控件的方式.
错过了.Net 2-4并且现在才学习'新'的东西,这实际上是让我在第一个地方问题的原因..:
private void AddPieceButton_Click(object sender, EventArgs e)
{
somePieceControl newPiece = new somePieceControl ();
//..
newPiece.MouseDown += (sender2, evt) => { /* 1st block of code */ };
newPiece.MouseUp += (sender2, evt) => { /* 2nd block of code */ };
newPiece.MouseMove += (sender2, evt) => { /* 3rd block of code */ }
//..
someContainer.Controls.Add(newPiece);
}
在测试案例中,问题几乎不重要; 但代码块可以很容易地获得更多,更大; 在像Go这样的游戏中,最终会有数百个游戏作品.
虽然人们可能/可能并且应该质疑添加如此多控件的想法,但是询问者仍然想知道......:每件作品都有自己的副本,因为我猜它已经存在,或者它们是否在我们的奇迹世界中被考虑在内像正常事件一样,在运行时内存中只运行一次？
我有这个CSS代码：
td[data-date='2016-03-08']{
background-color: #F7F7F7;
}
我想将其应用于要从数据库加载的多个日期。所有这一切都可能在我生成CSS代码的JSF托管bean中发生。
所以我的问题是，如何应用将从JSF托管bean中获得的CSS？
今天是个好日子。
我有以下情况：我有一个 CMake 文件，该文件应该编译我的应用程序，其中包含：
cpp文件ecpp)，它们依次生成为cpp文件，这些文件被编译到应用程序中（它们在下面列出，因此WEB_COMPONENTS对于每个组件都有关联的.ecpp文件以及.cpp将从该文件生成的文件）。这是 CMakeLists.txt （简化）
cmake_minimum_required (VERSION 2.6)
set (PROJECT sinfonifry)
set (ECPPC /usr/local/bin/ecppc)
set (WEB_COMPONENTS
images
menu
css
)
set(${PROJECT}_SOURCES
""
CACHE INTERNAL ${PROJECT}_SOURCES
)
foreach(comp ${WEB_COMPONENTS})
list(APPEND ${PROJECT}_SOURCES ${CMAKE_CURRENT_BINARY_DIR}/${comp}.cpp )
execute_process(COMMAND ${ECPPC} -o ${CMAKE_CURRENT_BINARY_DIR}/${comp}.cpp -v
${CMAKE_CURRENT_SOURCE_DIR}/${comp}.ecpp
WORKING_DIRECTORY ${CMAKE_CURRENT_SOURCE_DIR} OUTPUT_QUIET
)
endforeach()
list(APPEND ${PROJECT}_SOURCES main.cpp )
add_executable(${PROJECT}_exe ${${PROJECT}_SOURCES})
target_link_libraries(${PROJECT}_exe cxxtools dl tntnet tntdb)
现在，发生了什么：第一次（即：创建构建目录，运行 cmake-gui，选择 Web 组件，配置，生成，make）CMake 很好地执行了命令${ECPPC}，即。它在二进制目录中生成所需的 CPP 文件，并将它们链接在一起。 …
我正在从另一个页面动态添加 HTML 并为其设置样式以进行打印。但是，page-break-inside: avoid;当应用于我的元素（其中任何一个）时，即使它出现在样式中，打印时似乎也没有考虑在内。我在 Windows 上使用 Chrome 31
这是我程序的简化版本的jsFiddle（警告：它会在 3 秒后显示打印预览。要停止此操作，只需setInterval将底部的注释掉即可），这是对page-break-inside:avoid打印预览没有任何影响的版本
我发现的通常的“修复”，添加position:relative到元素及其父元素，在我的情况下不起作用。给它加上前缀（正如几个人所建议的）似乎也不起作用
我知道page-break-inside: avoid;在 Chrome 31 中使用动态放置的元素可以工作，因为我在伪版本中对其进行了测试（警告：这也会打开打印预览），但是在花了数小时删除代码、尝试样式并研究该主题之后（大多数帖子都非常过时）我似乎无法让更复杂的版本以相同的方式工作
提前感谢您的任何见解！
css printing google-chrome dynamically-generated page-break-inside
我在使用 jQuery Step Wizard 插件动态创建一些步骤时遇到了一些麻烦。
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
<script>$.mobile || document.write('<script src="js/jquery.mobile-1.4.0.min.js"><\/script>')</script>
<script src="scripts/libs/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="scripts/libs/jquery.steps-1.0.4.js"></script>
<script src="scripts/libs/jquery.validate-1.11.1.min.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
$("#wizard").steps();
var wizard = $("#wizard").steps();
wizard.steps("add", {
title: "HTML code",
content: "This is a test"
});
wizard.steps("add", {
title: "HTML code2",
content: "This is a test2"
});
});
</script>
<div id="wizard"></div>
</body>
</html>
运行此页面时，网页上显示的只是“下一个”和“上一个”，但根本没有任何步骤。
我得到的控制台错误是这样的：
SCRIPT5022：缺少一个或多个相应的步骤标题。jquery.steps-1.0.4.js，第 1252 行字符 5
我可以得到一些帮助来完成这项工作吗？
提前致谢
我有一个菜单按钮，按下时必须添加一个新组件。它似乎有效（如果我手动调用该函数来添加它们显示的组件）。问题是，如果我单击按钮，它们不会显示，我想是因为我应该使用 setState 重绘它们。我不确定如何在另一个函数/组件中调用另一个组件的 setState。
这是我的 index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import Menu from './Menu';
import * as serviceWorker from './serviceWorker';
import Blocks from './Block.js';
ReactDOM.render(
<div className="Main-container">
<Menu />
<Blocks />
</div>
, document.getElementById('root'));
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers:
serviceWorker.unregister();
然后我有 Menu.js
import React from 'react';
import …我使用反应库前。react-query。这个库提供了一个钩子useQueryex。
const {data, isLoading} = useQuery(['users'], userService.getUsers);
我的问题是，如果我想使用两个useQuery钩子，以避免重复的命名变量：
data, isLoading
我必须做这样的事情：
const users = useQuery(['users'], userService.getUsers);
const products = useQuery(['products'], userService.getProducts);
...
// then use
users.data, users.isLoading
// and
products.data, products.isLoading
...
为了使这个逻辑更加一致，我尝试制作自己的自定义挂钩并重命名useQuery内部提供的属性，以便我可以使用扩展语法进行访问。
function useGetUsers(){
const {data, isLoading} = useQuery(['users'], userService.getUsers);
return {
usersData: data,
isUsersLoading: isLoading
}
}
和产品一样。
现在，我可以将前面的示例写为：
const {usersData, isUsersLoading} = useGetUsers();
const {productsData, isProductsLoading} = useGetProducts();
当然，为了拥有所有的键，我迭代了useQuery钩子提供的所有键，并用我自己的驼峰大小写规则等定制了我自己的自定义键。
我的问题是，这样可以吗？我的意思是，这被认为是一个好的做法还是只是符合users.isLoading逻辑？
javascript properties dynamically-generated reactjs react-hooks
javascript ×3
jquery ×3
css ×2
html ×2
reactjs ×2
c# ×1
cmake ×1
components ×1
grep ×1
html5-video ×1
jquery-steps ×1
jsf ×1
lambda ×1
load ×1
managed-bean ×1
onload ×1
perl ×1
printing ×1
properties ×1
react-hooks ×1
regex ×1
tntnet ×1