我有一个表单,我试图提交页面加载后5秒已经过去了..我已经尝试了setTimeout但它似乎没有工作..任何人都可以建议为什么会这样,我有jQuery上网站,但无法得到延迟()工作
<form action="" name="cartCheckout" id="cartCheckout" method="post">
<input type="hidden" name="action" value="checkout" />
<input type="hidden" name="save" value="1" />
<input type="hidden" name="orderID" value="<?php echo $GLOBALS['CHECKOUT_ORDERID']; ?>" />
<div class="itembox" id="step4box">
<div id="progress">
<ul>
<li>Your Cart</li>
<li>Your Details</li>
<li class="current">Payment</li>
<li>Confirmation</li>
</ul>
</div>
<div id="words" class="gothbold">Please wait while we we redirect you to<br />Paypal for a secure payment method.</div>
<a class="redirect" href="javascript:void(0)" title="Proceed to Paypal" onClick="document.cartCheckout.submit();"><span>If you aren't redirected in 5 seconds click here</span></a><br />
<a class="cancel" href="javascript:void(0)" title="Return to details" onClick="jQuery('#step4box').hide();jQuery('#step2box').show();"><span>Cancel</span></a>
</div>
<script …Run Code Online (Sandbox Code Playgroud) 我试图将链接从导航栏左侧移动到右侧,它不会让我.我试过把它漂浮到右边,没有发生任何事情,与位置相同:相对; 右:200px; 和padding-right:-200px;.如果有人有任何其他建议,将不胜感激,谢谢.
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="index.html">
<img id="logo" src="images/logo.png" width="200" class="d-inline-block align-top" alt="">
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link active text-white" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="about.html">About</a>
</li>
</ul>
</div>
</nav>
Run Code Online (Sandbox Code Playgroud) 我不确定此刻是否可行,而且我所做的测试似乎提供了奇怪的结果.
我在一个页面上有一个4个选项卡的部分,这些选项卡内部是几个文本部分,每个部分都给出了一个唯一的锚名称.
我想要做的是从另一页链接到标签3中的第4块内容...
选项卡都很好用,如果我链接到第一个选项卡上的内容部分它很好..它当我想要链接到第一个它变得棘手的选项卡..
我试过了
<a href="http://example.com#tab-3#content-4" ></a>
Run Code Online (Sandbox Code Playgroud)
但这根本不起作用
当我使用时
<a href="http://example.com#tab-3"></a>
Run Code Online (Sandbox Code Playgroud)
我也看到了这个实现 - 但它似乎具有与使用上面的代码相同的功能,无论这是否在我的jquery调用中
$(function(){
$('tabs').tabs();
var hash = location.hash;
$('tabs').tabs( "select" , hash );
});
Run Code Online (Sandbox Code Playgroud)
使用上述2个选项中的任何一个,而选择第三个选项卡时,我会一直推到页面底部.我假设这是因为所有选项卡都放在列表项中,然后jqueryui将它们转换为选项卡..实际上将数字3的选项卡内容从底部向上移动到选项卡部分的顶部.
如果有人知道如何链接到第3个选项卡上的第4块内容,我会非常感激.
有人解决方案可能在$ _post和$ _get数据..但我不确定是否真的如此,即便如此我不知道如何用jqueryui实现它
先感谢您
我建立一个日历选取陪(和替换某些浏览器提供的默认日历日期选择器)的input的type="date"。
据记录,对于“简单性”,Chrome浏览器(可能还有其他浏览器)的日期输入允许输入无效的日期,但是它们将无法验证(即,可以输入2017年6月31日,但产生的“值”为“ ”)。
我的问题是:当输入无效日期时,如何获取无效日期的值?
var date_input = document.getElementById('date_input');
var output_div = document.getElementById('output_div');
output_div.innerHTML = date_input.value;
date_input.addEventListener('input', function(e){
output_div.innerHTML = e.target.value;
});Run Code Online (Sandbox Code Playgroud)
<p>To quickly input an invalid date, select the day field and press the down arrow (on Chrome OSX this displays an empty div below the input instead of the invalid date). This will select 31/06/2017</p>
<input type="date" value="2017-06-01" id="date_input" />
<br />
<br />
<div id="output_div" />Run Code Online (Sandbox Code Playgroud)
我有一个iframe实例,其中包含一个带有单击处理程序的元素.iframe包含一个带有播放按钮图形的视频,上面附有一个点击事件.click事件触发视频播放,隐藏自身和console.logs消息,说它已被触发.
这在桌面浏览器上完美运行,当我直接导航到iOS设备上的iframe网址时.但是,当嵌入iframe时,不会触发播放按钮的点击/点击事件.
以下是我的示例的链接:
直接链接到视频页面:(按照iOS上的预期工作) http://www.newsryde.com/articlevideo/1085078/
带有视频iframed的页面的链接:(不会触发点击/点击事件) http://www.newsryde.com/article/1085078/
附加事件的文件/行号位于/js/jm/video-player.js〜第52行,如下所示:
els.playButton.on('click tap', function(){
console.log('tapped');
els.playButton.fadeOut(100);
els.videoPauseItems.fadeOut(100);
jwplayer(container).play();
});
Run Code Online (Sandbox Code Playgroud)
嵌入式iframe版本的代码不仅不会触发视频,而且不会触发console.log或元素淡出.我可以看到点击播放按钮时元素闪烁的超快速不透明度/反馈状态我相信是浏览器相关
奇怪的是,当我删除播放按钮元素.然后让用户直接点击<video>元素.视频播放得很好.我可以理解它是否是一种方式(没有点击通过,或只是视频播放没有触发),但就好像整个playButton的点击处理程序被忽略
注意:我必须为这个内容使用iframe,因为不保证其内容将来自与父页面相同的域(同样这也阻止我创建iframe内容的外部控件)
任何帮助将不胜感激.先感谢您
EDIT1:根据要求,我在示例链接的右上角添加了一个单击/单击绑定到'N'(我知道它是一个小命中框,抱歉).
els.videoPauseItems.css('z-index', '600').on('click tap', function(){
console.log('non play button tapped');
});
Run Code Online (Sandbox Code Playgroud)
当iframe我在没有console.log的时候点击它.但我确实得到了浏览器快速灰色闪光点击反馈.但是在检查元件时,我可以看到它已经成功应用了.css()调整.当在观看链接时不被窃听iframe是成功console.log的
我正在尝试为类组件定义 PropTypes 列表。该组件可以接受常规 DOM 元素或其windowprop 值。目前,我有:
class FooContainer extends Component {
static propTypes = {
container: PropTypes.oneOfType([
PropTypes.element,
PropTypes.instanceOf(Element),
]),
};
static defaultProps = {
container: window,
};
constructor(props: any) {
super(props);
}
render() {
return (
<div />
);
}
}
Run Code Online (Sandbox Code Playgroud)
但是,当组件默认用作window容器 prop 时,会抛出以下错误:
Warning: Failed prop type: Invalid prop `container` supplied to `FooContainer`.
Run Code Online (Sandbox Code Playgroud)
因此,用于值为 的属性的有效 PropType 是什么window?
所以我看了一下HERE,但对于我正在做的事情的简单性来说,它似乎有点复杂。最多我会处理一百个要更新的项目(大多数时候它会更像 40 个) )
目前我有这样的东西
$sql_update = '';
for($x = 0; $x < count($nodes); $x++){
if($nodes[$x]['loaded'] == 'true'){
if($nodes[$x]['changed'] == 'true'){
$sql_update .= 'UPDATE `genetic_decomp`.`tbl_node2view` SET `x` = "'.$nodes[$x]['location']['x'].'", `y` = "'.$nodes[$x]['location']['y'].'" WHERE `tbl_node2view`.`id` = "'.$nodes[$x]['id'].'";';
$sql_update .= 'UPDATE `genetic_decomp`.`tbl_nodes` SET `name` = "'.$nodes[$x]['name'].'", `type` = "'.$nodes[$x]['type'].'" WHERE `tbl_nodes`.`node_id` = "'.$nodes[$x]['id'].'";';
}
}
}
if($sql_update != ''){
$sql_result=mysql_query($sql_update,$connection) or exit("Sql Error".mysql_error());
}
Run Code Online (Sandbox Code Playgroud)
现在,当我让它打印出输出echo $sql_update,然后将输出粘贴到 MAMP 中的 SQL 框中时,它工作正常..遍历并更新我想要的两个表中的行
但是,当我运行上面的代码时,它会返回:
Sql Error
You have an error in …Run Code Online (Sandbox Code Playgroud) javascript ×2
jquery ×2
bootstrap-4 ×1
css ×1
forms ×1
html ×1
html5 ×1
iframe ×1
ios ×1
jquery-ui ×1
jwplayer ×1
mysql ×1
php ×1
reactjs ×1
settimeout ×1
sql-update ×1
validation ×1
video ×1