Tag: html

CSS / JS / Jquery – 用于响应屏幕尺寸的Flex项目

我的导航中有一个包含3个项目的站点,我希望保留在一行中。 第一个是主菜单,它有主站点链接,应位于导航栏的左侧。 第二个是联系信息,应该在导航栏中居中。 第三个是auth菜单,它有登录/帐户链接等,应该在导航栏的右侧。 #nav{ height:50px; width:100%; position:relative; display:flex; } ul{ display:inline-block; height:50px; line-height:50px; list-style:none; } li{ display:inline-block; } #main_menu{ flex:3; text-align:left; } #header_numbers{ flex:4; text-align:center; } #auth_menu{ flex:3; text-align:right; } menu item 1 menu item 2 menu item 3 menu item 1 menu item 2 menu item 1 menu item 2 menu item 3 […]

jQuery Autocomplete在选择项目上提交表单,按钮点击和/或输入?

我正在尝试使用jQuery Autocomplete根据输入选择将用户重定向到url。 我已经看到了解决我的部分问题的其他问题,但是我无法将它们放在一起以提供以下function: 选择项目时触发重定向,以及输入按键和/或按钮单击。 Jsfiddle演示 – > http://jsfiddle.net/wfaxvm43/5/ 资料来源: http://jsfiddle.net/DLLVw/ 选择jQuery自动完成触发按钮 JQuery自动填充:在选择时提交表单? $(function () { var stateList = [{ “value”: “Tennessee”, “url”: “http://www.tennessee.gov” }, { “value”: “Texas”, “url”: “http://www.texas.gov” }, { “value”: “Colorado”, “url”: “http://www.colorado.gov” }, { “value”: “Connecticut”, “url”: “http://www.ct.gov” }]; $(“#states”).autocomplete({ source: stateList, select: function (event, ui) { go(ui.item.url); // On enter key […]

当滚动条变得可见时,正确移动页面内容?

当滚动条变得可见时,是否可以使用jQuery将页面内容向右移动10px 。 它不能自动显示的原因是因为我的内容通过jQuery扩展,当它达到它的高度超过浏览器的点时,显示滚动条,导致所有页面内容向右移动大约10px左右。 我希望它不会发生,并且内容保持在相同的位置,而滚动条是可见的。 我不确定CSS属性如body { scroll-bar: x; } (我假设scroll-bar是scroll-bar的正确属性)可以用作jQuery选择器,即使这样,这将如何工作? 任何帮助,答案,参考其他文章,这将是伟大的:)!

data-disable-with按钮选项在Chrome上不起作用

以下HTML应在提交时相应地禁用和重命名按钮: Checkout 但是在myChrome浏览器中它没有做任何事情。 我能做什么? 我的Chrome版本是30

为什么.val()总是空的(Jquery)?

我的输入有问题。 这是我的html / php代码: $dotation = ($ig[“dotation”]) ? $ig[“dotation”]: ”; $bo .= ‘ ‘ . $dotation . ‘ Modifier 这是我的js代码: var dot_cha = $(this).parent().find(‘.dot’).val(); 我的问题是,为什么var dot_cha总是空的?! 当我使用.html输入.val时,我得到了正确的,这是我的错误? 谢谢。

knockout js,将新项添加到数组中

所以这是我之前提出的问题: knockout js,向数组中添加其他元素 基本上我有一个应用程序,用户填写某些数据,然后点击下一步,这将添加到一个数组。 但是,我想要做的是在用户开始使用应用程序之前将一些项目添加到数组中(这些项目来自数据库)。 我们的想法是,在开始时,他们可以查看数组中的每个项目,然后选择项目并编辑此项目。 我有一种感觉,我错过了一些令人目眩的明显但我似乎无法弄清楚的事情

如何在iframe表单元素中追加html

如果我有一个具有以下结构的iframe //add stuff here —- 如何将内容附加到表单元素?

jQuery resize()事件在可拖动时不起作用

我试图使用jQuery将“Draggable”变成DIV(id = sortable),但它不能正常工作“Resize”。 可拖动“将我拖下来”DIV进入DIV(id = sortable) Draggable在DIV中正常工作(id = sortable) 可resize在DIV内不起作用(id = sortable) 有谁知道我做错了什么? 脚本和HTML $(function() { $(“#sortable”).sortable({ revert: true }); $(“#draggable”).draggable({ connectToSortable: “#sortable”, helper: “clone”, revert: “invalid” }); $(‘.resizemove’).resizable(); }); Drag me down One Two Three Four 这是JsFiddle

在www.mysite.com/#i-bc中删除尾部斜杠

当选择更改事件时,我想在我的主页上转到特定的div。 我想要像www.mysite.com#i-bc这样的结果,但是像www.mysite.com/#i-bc这样在它们之间添加了斜杠。 我想使用jquery或其他东西删除该尾部斜杠。 这是我的代码: 脚本: $(function(){ $(‘.toggle-view’).on(‘change’, function () { var url = $(this).val(); if (url) { window.location.hash = url; } return false; }); }); 我的HTML是这样的: 1 2 3 4 some content here some content here some content here some content here 提前致谢

带有capcha,html5表单validation的单个页面上的两个表单不再起作用

我目前在单个页面上使用两个表单,生成函数以使用其标记提交不可见的重新访问。 其中一个问题是html5表单validation不再起作用,它忽略了输入字段上的“必需”标记。 #sFormId#保存数组中当前表单的表单ID。 submit function Submit#sFormId#(token){ document.getElementById(“#sFormId#”).submit(); } 我遇到的另一个问题是这两种forms是分开的div,互相切换。 如果第一个表单打开,则可以看到validation码徽章,但是一旦我切换另一个div以打开徽章,第一个徽章就会消失。