Tag: jquery

WordPress，jquery加载php文件未找到

我正在通过jquery / ajax将php文件动态加载到Wordpress页面模板中。 我有以下工作在本地服务器上，但当我上传到我的测试网站时，我在加载文件时在控制台中出现404错误。 汇总代码： var root = location.protocol + ‘//’ + location.host; $(“.button-book”).click(function(e) { e.preventDefault(); $(‘#container’).load(root+’/wp-content/themes/PL14-Base/inc/bookings-swiss.php’); }); 你可以在这里看到开发网站。 点击第一个“预订”按钮查看问题。 更新：为了清楚起见，我已经更改了代码以使用确切的URL。直接在浏览器中调用时，可以在正确的URL找到该文件。

使用JQuery 1.9的MVC不显眼validation无法正常工作

我已完成本文所述的所有步骤： 在将jQuery更新到1.9.0后，不显眼的Ajax停止工作 还有这个： 更新到Jquery 1.9.0时，jquery.unobtrusive-ajax插件坏了 但是我仍然在（jquery.validate.unobtrusive.js）这一行的firebug中收到警告 $jQval.unobtrusive.parse(document);

Jquery动态单选按钮显示隐藏

基本上是发生了什么，我正在使用数据库来创建单选按钮和文本字段。 根据选择的单选按钮，将显示不同的文本字段。 这很容易。 困难的部分是所有的名称，类等都是动态的。 我设法让脚本正常工作，但有一个例外。 它需要循环，如果选择了某些东西，请将其打开。 现在，它设置为在您选择其他单选按钮后关闭所有内容。 它只会打开当前选定的项目。 这很好，除了它也关闭了Checkbox。 如何使其循环并使复选框的文本字段可见？ $(document).ready(function(){ var vals = $(‘clickme’).val(); $(“.clickme”).click(function(){ var rels = ‘.’+$(this).attr(‘rel’); if ($(‘input[rel=’+rels+’]:checked’).val() == vals ) { $(‘.hideable,rel’).css(“display”,”none”); $(rels).slideDown(“fast”); //Slide Down Effect } else { $(rels).slideUp(“fast”); //Slide Up Effect } $(‘.clickme input’).each(function(){ if(this.checked == true){ var relreset = ‘.’+$(this).attr(‘rel’); $(relreset).slideDown(‘fast’); } }); }); var rels = […]

jqgrid dataurl完成事件

我正在使用jQuery获取部件号的供应商列表。 然后，我想在编辑表单出现后加载一些关于供应商/部件号组合的额外数据。 问题是在beforeShowForm方法执行之前，dataurl方法（我在beforeInitData方法中调用）来获取供应商没有完成。 因此，当表单首次加载时，我没有供应商查找。 有没有办法在dataUrl方法完成后运行该函数来获取额外的数据？ 我试过JQGrid editoptions dataurl不使用ajax get？ 并得到它，但我知道会有冲突因为ajaxSelectOptions方法被调用每个请求，有时我的请求将来自不同的地方有不同的要求。 这是我用于网格的代码： jQuery(“#receiptPartsTable”).jqGrid(‘editGridRow’,”new”, { height:400, width:800, reloadAfterSubmit:false, recreateForm: true, beforeInitData: function(form) { var selectedPart = rowData.part; var selectedPartQty = rowData.qty; //Getting list of suppliers $(“#receiptPartsTable”).jqGrid(‘setColProp’, ‘supplier’, { editoptions:{dataUrl:’getSuppliersForPart.php?part=’ + rowData.part} }); }, beforeShowForm: function(form) { var selectedPart = rowData.part; var selectedPartQty = rowData.qty; $(‘#part’).val(selectedPart); $(‘#qty’).val(selectedPartQty); //$(‘#supplier’).val() […]

使用jQuery将元素名称指定为多个元素的名称作为前缀

我有一个允许动态生成内容的网页，我希望所有动态内容名称在创建时/隐藏元素的名称前加上/可以接受。 这些动态添加的文本框所在的类在页面中共享，因此无法轻松识别。 我不能让这个工作，我需要检查他们是否有前缀，如果他们没有，添加前缀 小提琴： https://jsfiddle.net/ycjrunja/2/ jQuery的 $(// can’t use class).attr(); // do I need to use this method for each ? 当前生成的标记： 理想的生成标记

切换菜单onclick，单击菜单链接关闭 – 但仅限于移动视图

当窗口宽度低于768px时，我为单页网站制作了响应式菜单，切换到可切换菜单。 基本上我希望通过单击标题来切换菜单，然后通过再次单击菜单链接（ li -element）来关闭菜单。 到目前为止我的jQuery代码： jQuery(document).ready(function() { var e = $(“#pull”); menu = $(“#header ul”), $(e).on(“click”, function(e) { e.preventDefault(), menu.slideToggle() }), $(window).resize(function() { menu.is(“:hidden”) && menu.removeAttr(“style”) }) }); $(“#header ul”).on(“click”, “li”, function () { $(“#header ul”).hide(); }); 还有一个演示的jsfiddle： http ： //jsfiddle.net/ansoqvms/2/ 因此，单击标题时打开和关闭菜单工作正常。 当点击菜单li -element时，菜单也会消失。 遗憾的是 ，当单击菜单链接时，菜单不仅会在移动视图中消失，而且还会在普通视图中（> 768px）消失。 我尝试使用if($(window).width() < 768px) ，但这不是跨浏览器的快乐。 我也尝试使用if($(‘#pull’).is(‘:visible’)) ，因为#pull仅在移动视图中可见，但它也没有用。

使用ajaxfunction成功后显示消息

当ajax请求完成但我到目前为止没有运气时，我试图显示成功的消息。 这是html部分 这是ajax的一部分 $(document).ready(function(){ $(‘.bookmarked’, $(‘.buttons’)).click(function(){ $.post(‘misc/add_favorites.php’, { image_id: $(this).attr(‘id’) }, success: function(){ $(‘#message’).html(‘Added to favorites!’); // Diplay message with a fadeout $(‘#alertFadeOut’).fadeOut(3000, function () { $(‘#alertFadeOut’).text(”); }); }); console.log(data); }); }); 在控制台我也得到了这个错误 参数列表后面的Uncaught SyntaxError：missing）

始终在区域内的顶部div

我创建了一个始终位于顶部的div .visibleDiv, #topLeft { position: fixed; width: 150px; border: solid 1px #e1e1e1; vertical-align: middle; background: #ffdab9; text-align: center; } #topLeft { top: 10px; left: 10px; } 我这样显示它 Top Left 但我也有一个叫做容器的div。 我希望topLeft留在该容器的左上角而不是屏幕的左上角。 我对css很陌生，一直在摸索如何实现这样的效果。 所以为了更清楚地解释，我想尝试达到这个效果 ______________ |Other things| |____________| ________________________________ | TOP LEFT MESSAGE| | |_________________| | | | | | | CONTAINER DIV | | | […]

如何在页面加载时通过Firebug注入JavaScript代码段？

我想在Firebug Command Editor中注入一个JavaScript代码段，同时打开一个新选项卡并执行它。 这是解释。 现在真正的问题开始了。 打开页面时，我希望在命令编辑器中显示一个片段。 所以我只需要点击Run 。 如果可能的话，如果单击Run可以自动化，那么它会很棒。 目的是自动化接受所有请求的过程，我目前必须手动完成。

在WYSIWYG编辑器上更改字体大小选项？

所以我有一个来自jqueryscript.net插件的bootstrap wysiwyg编辑器，我试图在字体大小下拉列表中提供更多字体选项。 所以我进入JS并找到它的var并将其从小，中，大，巨大变为更精确的大小，如10px，11px，12px等。但是当我进入编辑器测试它时，它是仍然使用旧的字体大小，所以当我像5px-10px一样，它是中等大小的..等我看了看，看了一眼不太深入的JS并且无法找到它如何拉动那些为了我的生命！ 有没有人知道如何在这个下拉列表上正确调整字体大小？ 谢谢！！ 我把代码放到一个jsfiddle中，因为它在这里太长了，但是它无法在它中运行。 我不得不为js中的print函数删除document.write以使其保存。 http://jsfiddle.net/wfaLa3h0/3/ code here