Tag: html

如何将.toggle与表单错误集成?

如果boolean field为true,我想显示一个包含其他字段的div(如果为true则仅需要),如果bool为false,则隐藏div。 目前此代码用于显示和隐藏div: $(‘.hidden-div’).hide(); $(‘#id_bool’).change(function() { $(‘.hidden-div’).toggle(this.true); }); # Hidden fields upon initial rendering of form, # but appear if bool is selected true. # If bool is true, these fields are required. bool的默认值为false,因此首次呈现表单时,div将被隐藏。 检查布尔值true时会出现问题,并尝试提交表单而不填写其他字段。 然后表单重新隐藏div,只显示正常显示字段的错误,即使需要隐藏字段。 它还保留了bool的真正价值,但隐藏了div。 然后,如果检查bool为false,则hidden-div重新出现,因此角色反转,这不是我想要的。 有关如何解决此问题的任何提示?

WordPress:删除特定页面的元标记

我想从WordPress网站上的特定页面中删除以下元标记: 这是为了禁用移动设备上的默认缩放,我发现以下function可以做到这一点: 不太确定如何应用它,必须删除元标记的页面名称称为“计划” 任何帮助,将不胜感激

父div中垂直居中的div – 相对位置

如果两者都是位置,那么在父div中垂直居中div的正确方法是什么? 我的HTML text CSS article { position: relative; margin: 0; padding: 0; } .text-cell { position: relative; padding: 0; margin: 0; } 想要以文章为中心的“文本单元格”。 (’row’是Bootstrap 3框架)

增加Jquery的第n个子选择器

参考那个 我需要遍历第n个子选择器,就是这样 var i =1; var tmp = $(this).find(‘td:nth-child(i+1)’); // Wondering How this behavior can be achieved i++; 我所拥有的是在网格中动态生成列的行/行,我想循环遍历每个网格单元并使用标题(即其ID)存储每个网格单元的值。 我想知道我是否可以在nth-child中增加选择器。所以每次迭代它都会捕获下一个gridcell值。 因此,我可以将其值和Id推送到arrays以供进一步使用。 任何forms的帮助都将是值得赞赏的。 问候

视差滚动在1张图像上工作但在其他图像上没有

我正在努力为我的2张背景图像提供视差效果,它正在处理第一张图片但不在第二张图片上…代码如下 jquery: $(document).ready(function() { $(‘section[data-type=”background”]’).each(function() { var $bgobj = $(this); // assigning the object $(window).scroll(function() { // scroll the background at var speed // the yPos is a negative value because we’re scrolling it UP! var yPos = -($window.scrollTop() / $bgobj.data(‘speed’)); // Put together our final background position var coords = ‘50% ‘+ yPos + […]

循环函数,动画css旋转

我试图创建一个动画转换动画的函数,然后一旦它完成此操作,将旋转动画回到它的起始点并无限循环。 我有以下只有我不能让动画工作,也没有返回默认值? http://jsfiddle.net/QfeC2/ function drunk(){ $(‘div’).css({‘-webkit-transform’:’rotate(1deg)’}); $(‘div’).delay(4000).css({‘-webkit-transform’:’rotate(0deg)’}); } setTimeout(function() { drunk(); }, 2000);

打印页面作为弹出窗口不适用于在Mozilla和IE上工作的chrome

我正在尝试将页面打印为弹出窗口。 对于Mozilla和IE,它的工作但在chrome上会出现一个弹出窗口,但它会显示“打印预览失败”。 plunker链接是 http://plnkr.co/edit/bP9l1c0A372JYd9P6BDt?p=preview 和javascript的一部分是 – function PrintElem(elem) { console.log($(elem).html()) Popup($( elem).html()); } function Popup(data) { var printContent = data; var disp_setting=”toolbar=no,location=no,directories=no,menubar=no, scrollbars=no,width=600, height=800″ var myWindow = window.open(“”,””,disp_setting); myWindow.document.write(printContent); myWindow.document.close(); myWindow.focus(); myWindow.print(); myWindow.close(); return true; } 不确定为什么Chrome对我的脚本不满意。

MySql – 未在html中显示的JSON数据

我正在尝试从MySql创建一个下拉列表。 php成功从MySql中获取数据。 但我的问题是我的HTML页面的下拉列表中没有显示数据? json_mysql_data2.php header(“Content-Type: application/json”); require_once(“con.php”); $i=0; $jsonData = array(); foreach ($conn_db->query(“SELECT customerID FROM customers WHERE furniture=’33’ “) as $result){ $i++; $jsonData[“article”.$i]=$result[‘customerID’]; } echo json_encode($jsonData); myJS.js $(document).ready(function(){ var ddlist = document.getElementById(“ddlist”); var hr = new XMLHttpRequest(); hr.open(“GET”, “json_mysql_data2.php”, true); hr.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”); hr.onreadystatechange = function() { if(hr.readyState == 4 && hr.status == 200) { var […]

使用jsPlumb时div的数量增加

我在HTML页面中创建了三个div元素,这三个div元素中的每一个都包含一个文本框,即其中的输入元素。 一个div成为源,而另外两个成为目标。 HTML页面有一个按钮名称切换。 源div和一个目标div之间的初始连接是在拖放的帮助下创建的。 单击切换时,它将删除源和目标之间的连接,并将在源和另一个目标之间创建新连接。 现在,在此方案中使用Google Chrome开发人员工具执行分析时,每个切换的div元素数量会继续增加2。 jsplumb_demo var connection12 = undefined, connection13 = undefined; jsPlumb.ready(function() { var exampleGreyEndpointOptions = { endpoint:”Rectangle”, paintStyle:{ width:10, height:10, fillStyle:’#666′ }, isSource:true, connectorStyle : { strokeStyle:”#666″ }, isTarget:true, container:$(‘#container’), connector : “Straight”, deleteEndpointsOnDetach: true }; jsPlumb.makeSource($(‘div.source’), exampleGreyEndpointOptions); jsPlumb.makeTarget($(‘div.target’),exampleGreyEndpointOptions); jsPlumb.makeTarget($(‘div.target1’),exampleGreyEndpointOptions); init = function(connection){ }; connectionDelete = function(){ if(connection12 !== undefined){ […]

表格消息提醒

我有以下表格: Name: Email: Message: 和一些PHP发送电子邮件,PHP与表单(contactus.php)在同一页面上,我想在页面的某个地方出现一条消息(请不要弹出一下)告诉用户那里有电子邮件已发送(电子邮件不需要validation,仅在按下按钮时)。 这可以用PHP,AJAX或JS来完成我不介意