我有一个带有几个jquery选项卡的页面,每个选项卡都要显示php函数的结果,如下所示: Tab 1 Title Tab 2 Title> <?php echo "This is tab 1″; ?> <?php echo "This is tab 2″; ?> 使标签工作的jquery是: var ccm_activeTransactionsTab = “tabs-1”; $(“#transaction_tabs a”).click(function() { $(“li.ccm-nav-active”).removeClass(‘ccm-nav-active’); $(“#” + ccm_activeTransactionsTab + “-tab”).hide(); ccm_activeTransactionsTab = $(this).attr(‘id’); $(this).parent().addClass(“ccm-nav-active”); $(“#” + ccm_activeTransactionsTab + “-tab”).show(); }); 我遇到的问题是,当页面加载时,活动选项卡显示两个php语句的结果 – 即它显示: echo “This is tab 1; echo “This […]
使用Twitter Bootstrap框架,我使用$(‘#foo’).collapse()来创建一个FAQ,其中包含默认隐藏的$(‘#foo’).collapse()答案,然后在您单击问题时可见。 问题是我在初始化.collapse()之前获取了所有内容的.collapse() 。 我无法提前隐藏内容(通过display: none ),否则折叠function不知道框的高度,折叠/展开不起作用。 我认为这可以解决,如果$(‘#foo’).collapse()没有动画初始崩溃,只是立即隐藏元素。 关于如何做到这一点(或其他解决方案)的任何想法? 这是一个小提琴: http : //jsfiddle.net/DHZNv/44/ 谢谢!
我已成功使用此处找到的解决方案集中了一个bootstrap模式: 演示: http : //codepen.io/dimbslmh/full/mKfCc代码: http : //codepen.io/dimbslmh/pen/mKfCc var contentHeight = $(window).height() – 60; var headerHeight = $(this).find(‘.modal-header’).outerHeight() || 2; var footerHeight = $(this).find(‘.modal-footer’).outerHeight() || 2; 但是,它不适用于远程加载的内容。 它在加载内容之前计算高度。 然后,在加载内容后,位置偏离。 我已经尝试了各种方法来延迟计算一段时间,但是这些方法导致了页面顶部的模态加载,然后跳到中心。 似乎最好的解决方案是在内容加载后重新计算高度。 这样,较小的模态(没有内容)将加载到中心,然后一旦加载内容它将重新居中。 有没有一个很好的方法来做到这一点?
我正在尝试使用Marionette CompositeView呈现列表。 我不确定为什么渲染列表只有一个显示单词result的项目。 我期待第一个项目显示Level 1 。 这是我当前代码的小提琴: http : //jsfiddle.net/16L1hen4/ 这是我的JS,模板和数据: JavaScript的: var App = new Backbone.Marionette.Application(); App.addRegions({ mainRegion: ‘#main’ }); var TreeModel = Backbone.Model.extend({ }); var TreeCollection = Backbone.Collection.extend({ model: TreeModel, url: ‘https://api.mongolab.com/api/1/databases/backbone-tree/collections/tree?apiKey=somekey’ }); var TreeView = Backbone.Marionette.CompositeView.extend({ initialize: function() { console.log(this.collection); }, tagName: ‘ul’, template: _.template( $(‘#tree-template’).html() ) }); var treeCollection = new […]
我在我的javascript文件中有以下jquery方法,它调用.submit()方法来提交表单: var actionOfForm = $(“#custom_targeting_param_form”).attr(‘action’); actionOfForm = actionOfForm.replace(‘#export’,”); actionOfForm = actionOfForm+’#export’; $(“#custom_targeting_param_form”).attr(‘action’,actionOfForm); try{ $(“#custom_targeting_param_form”).submit(); $(“#showOrExportCustomTargetingReport”).val(‘saveReport’); alert(‘Report Saved Successfully’); }catch(e){ //alert(“ERROR OCCURRED :: “+e); } 现在我想要的是在成功提交“custom_targeting_param_form”时提醒“您的表单已成功提交”。 正如我在此处使用警报一样,它在实际提交之前发生。 请帮忙。
我的GridView有一个包含ItemTemplate的ContentTemplate 。 ItemTemplate有textbox和button 。 这是代码的一个片段: <asp:TextBox runat="server" ID="txtEmail" Text='’ /> 我正在做的是调用ValidateEmail()方法来validation我的电子邮件字段。 为此,我需要获取电子邮件字段值来validation它。 这是我的ValidateEmail()方法: function ValidateEmail(btnObj) { alert(btnObj.id); var email = $(btnObj).closest(‘input’).attr(‘id’); alert(email) return false; } 我能够为我的按钮获取id ,即MainContent_GridView1_btnUpdate_0 这是我为GridView呈现的html: Customer IDFirst NameLast NameCityEmail 12 Anders Rohansen Takoma Park Must enter Email Address 8 Deborah Damien Fresno Must enter Email Address 7 Derek Chaddick Fairfield Must enter […]
我在显示$.getJSON调用的内容时遇到问题。 我有这个代码从页面中检索一些JSON数据。 var loadItems = function() { if (hasNextPage === false) { return false } pageNum = pageNum + 1; var url = baseUrl + “json/” + pageNum + ‘/’; var jqxhr = $.getJSON(url, function (data) { var a = []; $.each(data.itemList, function (item) { a.push(“” + item.title + “”); }); $(“”, {html: a.join(” “)}).appendTo(“#anchor”); […]
我遇到了一种对我没有多大意义的情况。 就像一些背景信息一样,我正在使用Laravel框架。 当使用Laravel的’ – > with(’var’,$ array)’语法请求页面时,有问题的页面会调用查询。 这个查询(我将在后面发布)在页面加载时工作得非常好,并成功插入我提供的虚拟数据。 我通过使用jQuery的Ajax $ .post在单击按钮时调用相同的查询。 但是,当我执行此$ .post并调用此查询时,每次都会出现内部服务器错误。 一切都完全一样,传递的信息包括在内; 唯一的区别似乎是它是在页面加载还是通过$ .post调用。 这是错误: 以下是在页面加载时执行查询的代码: routes.php将HTTP get请求发送到名为AppController.php的文件 routes.php文件 AppController.php 然后使用从DeviceCheckoutController.php获取的以下数组DeviceCheckoutController.php 然后转到DeviceCheckout.php 我能够在页面上回显$ test,并且每次重新加载页面时都返回一个新行的ID(这显然意味着’insertGetId’查询有效)。 但是,我将此查询挂钩到页面加载以进行测试。 我真正想要发生的是点击一个按钮。 这是代码: $(“#checkoutFormbox”).on(‘click’, ‘#checkoutButton’, function() { var checkoutInformation = Object(); var accessories = []; var counter = 0; var deviceName = checkoutDeviceTable.cell(0, 0).data(); $(“.accessoryCheckbox”).each(function() { //add accessory ID’s […]
我试图从XSD文档中获取一组元素。 我已下载并使用最新版本的jQuery(1.7.2)。 引用的xsd是http://www.w3.org/2001/XMLSchema.xsd的本地副本,我使用的代码如下: var xml; $(function(){ $.ajax({ type:”GET”, url:”http://www.w3.org/2001/XMLSchema.xsd”,//”xml/XMLSchema.xsd”, dataType: ‘xml’, success:function(result){ xml = $(result); } }); }); 这使我能够按预期将xsd加载到“xml”变量中,但是当我去查询它时,我最终得到了一些令人困惑的结果。 使用: $(‘complexType[name=simpleType]’, xml).attr(“name”) $(‘complexType[name=”simpleType”]’, xml).attr(“name”) 返回“未定义”但是以开头,结束,开始和结束返回正确的结果: $(‘complexType[name^=”simpleType”]’, xml).attr(“name”) $(‘complexType[name$=”simpleType”]’, xml).attr(“name”) $(‘complexType[name$=”simpleType”][name^=”simpleType”]’, xml).attr(“name”) 这个名字是“simpleType”。 有没有理由为什么=’s不起作用? 提前致谢
基本上这是我的function: function FillDivLeft(groups, side) { var cnt = 1; $.each(groups, function (index, groups) { $(side) .append( $(document.createElement(‘label’)).attr({ id: cnt + ‘lbl’, class: ‘myClass’ }) ); $(‘#’ + cnt + ‘lbl’) .append( $(document.createElement(‘input’)).attr({ id: groups.GroupCode, type: ‘checkbox’, name: ‘testGroup’, class: ‘leftClass’ }) ); $(‘#’ + groups.GroupCode).after ( $(document.createElement(‘span’)).text(groups.GroupName).attr({ class: ‘leftSpan’ }) ); $(‘#’ + cnt + […]