Tag: 动态

如何从左下角到右上角创建动态对角线？: 我已经创建了一个简单的布局，其中我有三个交互的div。一个是屏幕中间的徽标，另一个是两个块，jQuery被移出屏幕。我使用CSS的skew选项来应用学位转换。我想根据屏幕应用一定程度，所以这个学位将适用于所有屏幕。可视化示例： http ： //jsfiddle.net/6a93T/1/ 现在我有这个代码： HTML： CSS： html{ overflow: hidden; } #preloader{ width: 100%; height: 100%; } #logo{ background-image: url(‘../img/logotest.png’); width: 300px; height: 300px; display: block; position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; z-index: 1000; } #blocktop{ background-color: #fff4ed; width: 100%; height: 100%; position: absolute; top: 0px; left: […]

如何获取键盘上的箭头键以触发博客中的导航（上一页/下一页）链接: 我到目前为止拼凑在一起的脚本看起来像这样： /* KEYNAV */ document.onkeydown = function(e) { if (! e) var e = window.event; var code = e.charCode ? e.charCode : e.keyCode; if (! e.shiftKey && ! e.ctrlKey && ! e.altKey && ! e.metaKey) { if (code == Event.KEY_LEFT) { if ($(‘previous_page_link’)) location.href = $(‘previous_page_link’).href; } else if (code == Event.KEY_RIGHT) { if ($(‘next_page_link’)) […]

如何根据iframe中的动态conent更改iframe的高度？: 我有一个拥有动态内容的iframe。如果答案具体问题，则显示其他信息（隐藏的div变为可见）。我希望iframe的高度能够扩展。我知道这里已经多次询问过这个问题，但似乎通常在加载iframe中的不同页面时，而不是在iframe中动态更改内容时。这是我尝试使用jsFiddle放在一起的一个例子： iframe： http ： //jsfiddle.net/B4AKc/2/ 页面： http ： //jsfiddle.net/PmBrd/ 有任何想法吗？

jQuery使用动态数量的字段进行validation: 我有一个表格，其中一个舞台具有动态数量的字段组，其中数字基于前一阶段的答案。我将服务器端字段生成为数组，即 <input id="foo[0]"… <input id="bar[0]"… <input id="foo[1]"… <input id="bar[1]"… <input id="foo[2]"… <input id="bar[2]"… etc 无论数字如何，所有字段都是必需的，在某些情况下我还需要根据类型和位数进行validation。我正在使用jQuery validate插件进行客户端处理（是的，也支持服务器端的东西）并且validation不能内联，因为表单需要传递XHTML Strict（编辑：请参阅下面的我的附录）。我的问题是我无法弄清楚如何使用动态数量的字段进行validation。以下是表单其余部分的validation语法通常如下所示： $(document).ready(function() { // validate stage_form on keyup and submit var validator = $(“#form_id”).validate({ // rules for field names rules: { name: “required”, address: “required”, age: { required: true, number: true } }, // […]

使用jQuery按字母顺序动态插入列表: 我有两个彼此相邻的有序列表。当我从一个列表中取出一个节点时，我想按字母顺序将其插入到另一个列表中。问题是，我想只取出一个元素并将其放回另一个列表而不刷新整个列表。奇怪的是，当我插入右边的列表时，它工作正常，但是当我插回到左边的列表中时，顺序永远不会出现。我也尝试将所有内容读入一个数组并在那里进行排序，以防child（）方法没有按照显示的顺序返回内容，但我仍然得到相同的结果。这是我的jQuery： function moveNode(node, to_list, order_by){ rightful_index = 1; $(to_list) .children() .each(function(){ var ordering_field = (order_by == “A”) ? “ingredient_display” : “local_counter”; var compA = $(node).attr(ordering_field).toUpperCase(); var compB = $(this).attr(ordering_field).toUpperCase(); var C = ((compA > compB) ? 1 : 0); if( C == 1 ){ rightful_index++; } }); if(rightful_index > $(to_list).children().length){ […]

jQuery / Ajax：使用ajax以动态forms填充选择框: HTML： GroupItemQuantity 1 Dimensioner Scanner Scale Cameras Computer Network Cables Other Add Item JAVA： $(‘form’).on(‘click’, ‘.removeVar’, function(){ $(this).parent().remove(); }); //add a new node var varCount = 2; $(‘#addVar’).on(‘click’, function(){ $node = ”+varCount+’ DimensionerScannerScaleCamerasComputerNetworkCablesOther’; $(“#invars”).val(varCount); $(‘#myTable > tbody:last’).append($node); varCount++; }); $(“select#ctlGroup”).change(function() { $.getJSON(“/ajax-select.php”,{id: $(this).val(), ajax: ‘true’}, function(j){ var options = ”; for (var i = 0; […]

如何使用Jquery slideToggle表行？: 我想知道如何从脚本中滑动表格行。我有一个php文件，它包含在名为’output-listings’的div中的html页面中。 PHP文件： query(“SELECT * FROM explore”) or die($mysql->error); if($result) { echo ” \n”; echo ” \n”; echo ” \n”; while($row = $result->fetch_object()) { $id = $row->id; $siteName = $row->site_name; $siteDescription = $row->site_description; $siteURL = $row->site_url; $sitePrice = $row->site_price; echo ” \n”; echo ” \n”; echo ” \n”; echo ” \n”; echo ” \n”; echo […]

添加值以更正表的父节: 我弹出一个对话框，其中包含下拉选项，输入框和保存按钮。此保存按钮使用用户下拉/输入值更新父表，但位于表的末尾。我需要将这些值放在表格中选定的父亲部分之下。我父亲的下载有独立ID，我只是不确定如何实现它。我试图剥离我的代码在jsfiddle中工作，但演示不会向表中添加值。这是弹出对话框的代码： $(“#save”).click(function () { for(var j=0;j<document.getElementsByName("select1").length;j++) { updateParent1(document.getElementsByName("select1").item(j).value + ' ' + document.getElementsByName("text1").item(j).value + ' – ' + document.getElementsByName("select2").item(j).value, document.getElementsByName("chooseFather").item(j).value); } }); Select… Value 1 (option1) Value 1 (option2) Select… Choose to add this information under father3 row. Choose to add this information under father4 row. Select… Value 2 (option1) Value […]

动态选择元素的jquery问题: 我正在制作一个游戏，我试图在任何javascript对象丢失该健康状态时显示healthLost 。这是我的player对象代码的相关部分 function Player(id) { this.id = id; this.displayText = “” + “”;} 和monsters （一组对象） function createMonster(name,startingPoint,level) { this.id = “monsters[” + monsterIdPlacholder++ + “]”; this.displayText = “” + “”; } hide CSS： .hide{ display:none; } 在我的函数attack()我这样写了 function attack( attacker, defender ) { //code to calculate healthLost var displayHealthDivId = defender.id + “health”; console.log( […]

jquery validate不支持动态内容: jquery validate不支持动态内容我使用jquery创建包含新内容的标签。 var tabCounter = 2, tabTemplate = “#{label} Remove Tab”; var tabs = $( “#tabs” ).tabs(); var tabContentHtml = $(“#tabs-1”).html(); 单击按钮时添加新选项卡 $(“#add_tab”).click(function(){ addTab(); }); function addTab() { var label = “Tab ” + tabCounter, id = “tabs-” + tabCounter, li = $( tabTemplate.replace( /#\{href\}/g, “#” + id ).replace( /#\{label\}/g, label ) ); tabs.find( […]