使用ajax调用将项目填充到下拉列表并分配所选值

请参阅下面的代码 $(document).ready(function () { readddl().done(function () { $(‘#ddlAreas’).val(“51”); }); $(“#plusBtn”).bind(“vclick”, function () { $(‘#ddlAreas’).val(“51″); }); }); function readddl() { var df = $.Deferred(); var stateID = 18; var dropdwonlist = $(‘#ddlAreas’); dropdwonlist.empty(); dropdwonlist.append($(”).val(“–“).html(“Select Area”)); if (stateID != undefined && stateID != “–“) { // Send an AJAX request $.getJSON(Config.Url + “Area?status=A&&stateID=” + stateID) .done(function (data) […]

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可以自动化,那么它会很棒。 目的是自动化接受所有请求的过程,我目前必须手动完成。

添加删除类?

好吧,我有两个类用于两个链接和两个具有不同信息的div。 我想要做的就是拥有它,所以当你点击一个链接时,它会为这两个类添加一个2并使第二个div可见。 当你点击另一个链接时,它会取消2并使第一个div可见。 这是我目前得到的 $(“#posts”).click(function () { $(“#sideboxtopleft”).toggleClass(“2”); $(“#arrow”).toggleClass(“2”); }); 当您点击它时,相当多的post就是链接。 它会制作sideboxtopleft和arrow,sideboxtopleft2和arrow2,当你点击评论时,它会取消这两个中的两个。 然后有两个div,一个设置为隐藏,我想让它可见,并将另一个设置为隐藏。 几乎创建一个带有更改选项卡类的选项卡系统。

在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