如何在更改事件处理程序中追加后获取jQuery单击事件

我有以下文件: Test Span $(function() { $(‘#input’).on(‘change’, function() { console.log(‘change’); $(‘#alert’).append(‘An alert’); }); $(‘#span’).on(‘click’, function() { console.log(‘click’); }); }); 单击span并运行click事件处理程序。 更改输入并更改事件处理程序。 更改输入并单击跨度(不保留输入 – 例如没有标签输出,也没有单击其他位置)并且更改事件处理程序运行但单击事件处理程序不运行。 如果我从更改事件处理程序中删除append,然后更改输入并单击span,两个事件处理程序都会运行,因此append会以某种方式干扰click事件。 在更改事件处理程序附加元素后,如何触发click事件? 这是引发问题的最小代码。 在实际情况中,有多个输入,并且跨度的样式看起来和行为就像一个按钮。 输入上的更改事件处理程序validation值,如果它们无效则添加警报。 通常,输入在不单击范围/按钮的情况下进行更改,但编辑输入然后单击范围/按钮,同时输入焦点仍在输入上,在这种情况下,我希望两个事件处理程序都能运行。 在进一步调查中,我发现问题在于如何生成事件。 每个DOM Level-2:在元素上单击指针设备按钮时发生click事件。 单击被定义为同一屏幕位置上的mousedown和mouseup。 这些事件的顺序是: mousedown mouseup click 如果没有更改事件处理程序中的’append’,当我编辑输入时,请单击我看到的跨度: 跨度上的mousedown 改变输入 鼠标跨度 点击跨度 但是,通过更改事件处理程序中的追加,我看到: 跨度上的mousedown 改变输入 鼠标输入 在后一种情况下,mousedown和mouseup事件具有相同的坐标(如果我小心不要在单击时移动鼠标):它们都是span元素边界内和输入元素外部的坐标。 尽管如此,在Firefox和Chrome中,mouseup与输入元素而不是span元素相关联。 所以,我的问题变成:为什么mouseup事件与input元素而不是span元素相关联,当它的坐标在span元素的范围内而不在input元素的范围内时?

在hover时向背景图像添加淡入和淡出过渡

我在页面的侧边栏中有一个简单的导航系统,你可以在这里看到。 正如您可以看到当您将鼠标hover在侧边栏中的一个链接上时,背景图像会发生变化,因为我已在CSS中设置了不同的背景URL以hover。 我正在寻找一种添加过渡效果的简单方法,以便hover背景图像淡入淡出。 我尝试了几种jQuery方法但没有成功。 我想知道是否有一种方法可以使用jQuery或其他方法向后台URL图像添加淡入淡出过渡,或者是否必须使用其他方法来获得过渡效果。 谢谢, 缺口

根据动态url设置iframeurl

有没有人知道一个javascript代码,它会检测页面的动态url(?q = Chicken),并将页面上iframe的url设置为https://www.google.co.uk/?#q=Chicken 。 (我实际上并没有制作谷歌搜索客户端!) Get – Text added to Url set Url of iframe to https://www.google.co.uk/?#q=Chicken 这将全部上传。

php使用ajax上传多个文件

我已经设法使用我当前的php和html表单上传了多个文件,并希望通过一些ajax并自动提交表单。 我已经隐藏了’文件’输入和提交按钮,因此表格由js处理(提及这可能会影响表单提交,表单提交,我通过HTTP标头检查)。 我的js的ajax部分是我通常用于ajax和标准表单的,但是当我提交表单时我的$ _FILES是空的,所以我想我在这里没有正确使用ajax? 我需要在我的ajax中更改以处理文件上传? $(“#add_button”).click(function(e) { e.preventDefault(); $(“#folder_open_id”).trigger(“click”); $(“#folder_open_id”).change(function() { $(“#folder_upload”).submit(); }); }); $(“#folder_upload”).submit(function(event) { var formdata = $(this).serialize(); event.preventDefault(); $.ajax ({ url: “index.php”, type: “POST”, data: formdata, success: function(response) { $(“#response_div”).html(response); }, error: function(response) { alert(response); } }); }); PHP if($_SERVER[‘REQUEST_METHOD’] == ‘POST’) { if(!empty($_FILES[‘files’][‘name’][0])) { $files = $_FILES[‘files’]; define(‘CPATH’, $_SERVER[‘DOCUMENT_ROOT’] . “/uploads/”); […]

如何直接从响应中将html和css渲染到iframe中

运用 return Content(htmlText, “text/html”); 和 return Content(cssText, “text/css”); 在我的动作方法中,htmlText和cssText是html和css字符串,如何在不影响我的主应用程序的情况下将这些响应添加到iframe中?

检查jQuery对象中返回的DOM元素

我有: Paragraph One Paragraph Two google.load(“jquery”, “1”); var x = $(‘p’); x.each(function(index) { $(‘body’).append($(this).html().replace(‘<','<') + '’); }); 我期待看到: <p>Paragraph One</p> <p>Paragraph Two</p> 但相反,p标签本身就丢失了。 我正在尝试使我的输出看起来像console.log,它将x标识为两(2)个段落元素。 它在段落中获取html,但是console.log将其显示为段落。 所以我想我需要上升一个级别然后再次下降?

flot – 折线图错误

我试图用flot绘制线图,我遇到了一些麻烦。 不可否认,我很陌生。 我的数据数组是从ajax调用加载的。 我想我的数据格式正确,但当我的页面加载时,我在jquery.flot.js中收到错误。 这是我加载浮动图的javascript。 我特别想找一些关于x轴规格的建议。 我不认为我说得对。 即我不理解刻度线以及它们与图形的关系。 我已经在json函数的注释中显示了每个调用加载的json。 谢谢 $(function () { var data, chartOptions fetchData(function (data) { console.log(data); }); chartOptions = { xaxis: { mode: “time”, timeformat: “%Y/%m/%d”, tickSize: [1, “day”], tickLength: 0 }, yaxis: { }, series: { lines: { show: true, fill: false, lineWidth: 3 }, points: { show: true, radius: […]

试图从jQuery:checked选择器生成一个数组

我有这样一张桌子: 10 30 10 我有一个这样的变量语句: var lineids = $(“.checkbox-delete-row:checked”).parents(“td”).siblings(“.row-product-id”).find(“.id-target”).attr(“data-ajax-line-id”); 我正在尝试收集所有data-ajax-line-id属性并将它们放入一个数组中而不循环遍历整个事物(使用类似于我上面的jQuery选择器的东西)但是现在它返回undefined。 我究竟做错了什么?

我可以向XMLHttpRequest添加P3P响应头吗?

我在我的代码中使用了AjaxFileUpload插件,但是ie8和ie10没有将POST上的请求头中的Cookie发送到AjaxFileUploadHandler.axd。 我看到ie8底部的“eye”图标,看到AjaxFileUploadHandler.axd是“blobked”,所以这不是故意发送cookie。 我在我自己的web.config中有以下标记,但问题是AjaxFileUpload的脚本是从dll中提取的,所以即使使用这个AjaxFileUploadHandler仍然“被阻止”。 我将源代码下载到AjaxControlToolkit,它为项目创建了dll,现在我试图找到我可以添加P3P头的位置,以便即可。 我在工具包的代码中看到了XMLHttpRequest(),有没有办法将这个P3P头添加到它来满足ie? 编辑:修复是注释掉iframe.security =“restricted”; 我更新了以下代码。 特别是这个问题与工具包使用的iframe有关。 有没有办法只将P3P添加到iFrame? this.createIFrame = function() { var name = this._iframeName, iframe = document.createElement(“IFRAME”); iframe.width = “0”; iframe.height = “0”; iframe.style.display = “none”; iframe.src = “about:blank”; //iframe.src = “javascript:’window.onload=function(){document.write(\\’document.domain=\\\”” + document.domain + “\\\”;\\’);document.close();};'”; iframe.id = name; iframe.name = name; //iframe.security = “restricted”; document.body.appendChild(iframe); iframe.contentWindow.name = name; $addHandlers(iframe, { […]

jQuery选择器疯狂

以下代码执行.css({“background”:”black”}); 在所有带有class=”hole”元素上,但是我试图让它在class=”hole” AND data-hole-key=”[hole_key_variable]” 。 少了什么东西? jQuery的: // on elements with class “hole” hovered $(‘.hole’).hover( function(){ // get the data value of the currently hovered element var holeKey = $($(this).data(‘holeKey’)); // on all elements with that class “hole” and specified data value, change bgcolor $(‘.hole’).data(holeKey).css({“background”:”black”}); }, function(){ var holeKey = $($(this).data(‘holeKey’)); $(‘.hole’).data(holeKey).removeAttr(‘style’); } ); HTML: […]