Tag: javascript

如何使用AJAX和jQuery传递文件数据？

我正在尝试创建一个允许用户填写数据的表单，如果选中了一个选项，则会打开div，用户可以选择上传文件及其提交。 我遇到的问题是通过ajax正确传递文件。 我无法正确地将它整合在一起以获得我正在寻找的结果，这是发布到我的PHP脚本的文件。 这是我传递数据的代码： $(document).ready(function() { $(“#submit_btn”).click(function() { var proceed = true; //simple validation at client’s end //loop through each field and we simply change border color to red for invalid fields $(“#contact_form input[required=true], #contact_form textarea[required=true]”).each(function(){ $(this).css(‘border-color’,”); if(!$.trim($(this).val())){ //if this field is empty $(this).css(‘border-color’,’red’); //change border color to red proceed = false; //set do not […]

获取屏幕上最明显的元素

我想获得屏幕上最明显的一个元素（占用最多的空间）。 我在下面添加了一个示例图片，以便更多地了解我的问题。 两个黑色边框是屏幕的两侧。 如您所见，绿色框（div2）是屏幕上最明显的 – 我想知道如何获得该元素。 最明显的元素不应该是完全可见的。 我做了一个快速（它不是那么快）的搜索，但无济于事，如果我错过了 – 我的道歉。

如何在jquery jstree中获取已检查的节点

我创建了一个jquery jstree，它工作正常。 现在问题是如何获取已检查节点的详细信息。 用于创建JStree代码是： $(function () { $(“#tree”).jstree({ “json_data” : { “data” : [ {“data”:”pe_opensourcescanning”,”id”:0,”pId”:-1,”children”: [{“data”:”tags”,”id”:30,”pid”:0},{“data”:”branches”,”id”:29,”pid”:0},{“data”:”trunk”,”id”:1,”pid”:0,”children”:[{“data”:”import-export”,”id”:28,”pid”:1},{“data”:”custom_development”,”id”:12,”pid”:1},{“data”:”Connectors”,”id”:7,”pid”:1},{“data”:”support”,”id”:6,”pid”:1},{“data”:”Installation-Configuration”,”id”:5,”pid”:1},{“data”:”backup”,”id”:2,”pid”:1}]}]} ] }, “plugins” : [ “themes”, “json_data”, “checkbox”, “ui” ] }).bind(“select_node.jstree”, function (e, data) { alert(data.rslt.obj.data(“id”)); }); 现在，在获取已检查的节点时，我需要这些已检查元素的所有属性值。 比如“标签”，json对象看起来像{“data”：“tags”，“id”：30，“pid”：0}，所以如果用户选择标签我需要“data”和“id”的值。 我试图编写一些代码，但不幸的是，这是行不通的。 获取已检查的节点。 $(“#” +div2.childNodes[i].id).jstree(“get_checked”,null,true).each (function () { alert(this.data); alert(this.id); }); 请给我一个解决方案。

jQuery / JS：获取当前URL父目录

从： http://www.site.com/example/index.html 我怎么才能得到： http://www.site.com/example/ 并使用Javascript将其存储到变量中以及如何使用jQuery。 提前致谢。

jQuery检测Bootstrap 3状态

在Bootstrap 3中，有4个状态; 超小型设备，小型设备，中型设备和大型设备。 我怎么知道该网站目前处于哪个州的jQuery？ 这样我可以进行一些处理，就像在超小型设备中一样，然后运行这个function。 谢谢。

仅在屏幕媒体上运行javascript / jquery，而不是打印

如何才能在@media screen上运行jqueryfunction？ 背景： 我有一个screen.css样式表和一个screen.css样式表。 我有两个javascript函数，其中一个我不想在页面的打印版本上运行 。

如何使用Jquery停止所有音频播放

我正在使用jquery mobile更新页面中的div以播放一些动画。 动画也通过使用document.createElement(‘audio’);播放声音document.createElement(‘audio’); 我的问题是，当我将页面更新为另一个动画时，旧的声音继续播放。 对不起，这是我的第一个问题，如果我似乎没有正确地说它，我道歉。 这是我的代码.. 这是要加载到#animation div中的动画的代码 body { margin: 0px; padding: 0px; } /*BABY SCENE*/ var stage = new Kinetic.Stage({ container: ‘container’, width: 578, height: 400 }); var babyLayer = new Kinetic.Layer(); var backLayer = new Kinetic.Layer(); var imageObj = new Image(); var backObj = new Image(); imageObj.onload = function() { var baby […]

如何一次执行几个Ajax请求

我不确定它是否可以用JavaScript，所以我想我会问。 🙂 假设我们有100个要求要完成并希望加快速度。 我想做的是： 创建一个循环，启动前5个ajax调用 等到它们全部返回（成功 – 调用函数来更新dom /错误） – 不确定如何，可能使用全局计数器？ 重复，直到完成所有请求。 考虑到浏览器JavaScript不支持线程，我们可以“利用” asyncfunction吗？ 你认为它会起作用，或者在JavaScript中存在固有的问题吗？

MVC3不显眼的validation：如何从一组元素中删除/重新附加validation？

这是用例： 如果用户在其中一个可见输入中进行了某个选择，那么只有一组字段才能显示这个长字形。 阅读Brad Wilson关于这个主题的post我认为jQuery.validator.unobtrusive.parse（’。extra-data’）其中.extra-data是一个隐藏div的类。 没有运气，因为第一次解析完成后数据已经存在。 所以最后我提出了这个删除规则： $(‘.data-panel’).find(‘input[type=”text”], textarea, select’).each(function (i, item) { var currentRules = $(item).rules(‘remove’); // Saving removed rules to a sorta dictionary if (!$.isEmptyObject(currentRules)) { removedRules[$(item).attr(“name”)] = currentRules; } }); 并重新附加它们： $(‘.data-panel’).find(‘input[type=”text”], textarea, select’).each(function (i, item) { if (!$.isEmptyObject(removedRules[$(item).attr(‘name’)])) { $(item).rules(‘add’, removedRules[$(item).attr(‘name’)]); } }); 问题是，感觉有点像hacky，因为我真的经历了每个字段删除并重新附加这些validation规则。 我的问题是：是不是有更简单的方法？ 性能也是一个问题，在其中一种巨大的forms中，您可以感觉到点击和validation运行之间的延迟。

未捕获的TypeError：$ .post不是函数

我在控制台中收到此错误： 未捕获的TypeError：$ .post不是函数 对于这段代码： $(‘#cl_submit’).click(function() { //#cl_submit is a button $(‘#cl_stage1msg’).html(‘Processing…’); $.post(“process/cookie.php”, $(“#cl”).serialize(), function(response) { //#cl is a form $(‘#cl_stage1msg’).html(response); }); return false; }); 我在这里找不到任何错误。 为什么这不起作用，任何线索？ 但是， $(‘#cl_stage1msg’).html(‘Processing…’); 工作正常。 似乎只有postfunction没有得到认可。 我正在使用https://code.jquery.com/jquery-3.1.0.slim.min.js