天道酬勤,学无止境

jquery

Grails: how to use jQuery & ajax to send data to controller

问题 我正在尝试使用 ajax 为事件发布评论以避免页面重新加载。 这是我发布评论的表格。 <g:form > <g:textArea class="form-control" id="review" name="comment" value="${review?.comment}"></g:textArea> <span class="star-rating star-5"> <g:radio name="rating" id="rating-1" value="1"/><i></i> <g:radio name="rating" id="rating-2" value="2"/><i></i> <g:radio name="rating" id="rating-3" value="3"/><i></i> <g:radio name="rating" id="rating-4" value="4"/><i></i> <g:radio name="rating" id="rating-5" value="5"/><i></i> </span> ... <input type="submit" id="comment-ajax"/> 我的阿贾克斯: $( "#comment-ajax" ).click( function (){ var eventID = document

2022-07-11 09:59:24    分类:技术分享    jquery   ajax   grails

checkbox property check value not updating in knockout js

问题 我正在使用 Knockout.js。 我有一个页面,其中有三个复选框及其在foreach循环下。 这是我的代码: <div class="form-horizontal" id="ko-bind-element"> <input type="hidden" id="serverJSON" value="@Newtonsoft.Json.JsonConvert.SerializeObject(Model)" /> <div data-bind="foreach: procedures"> <div data-bind="template: { name: Mode(), data: $data }"></div> </div> </div> <script type="text/html" id="procedure"> <table class="table table-bordered"> <tr> <td class="col-md-3"><span data-bind="text: Name"></span> </td> <td> <input type="checkbox" data-bind="attr: { name: (VId.length > 0) ? VId : Name },checked: AlreadyCompleted" /> </td> <td>

2022-07-11 09:58:29    分类:技术分享    javascript   jquery   checkbox   knockout.js

Check all checkboxes on the current page only in datatables

问题 我需要一个解决方案。 这是我想要做的。 我有一个数据表,在第一列中有一些值和复选框。 我需要的是当我选择标题中的复选框时,它应该只选择当前页面中的所有值。 但是所有页面的所有复选框都被选中。 我也希望,当我导航到数据表的另一页时,应取消选中所有前一页的复选框选择,包括标题中的复选框。 听到是我的代码: <?php if($acl->can('view_article')){ ?> <table id="articles" class="table table-striped table-bordered" cellspacing="0" width="100%"> <thead> <tr> <?php if($acl->can('delete_article')){ ?> <th><input id="select_all_existent" type="checkbox" /></th> <?php } ?> <th>Article</th> <th>Categories</th> <th>Demographic</th> <th>Intended Month</th> <th class="text-right">Word Count</th> </tr> </thead> <tbody> <?php foreach($articles as $article) {

2022-07-11 09:56:51    分类:技术分享    php   jquery   codeigniter   datatables

How to substring in jquery

问题 var name = "nameGorge"; //output Gorge 回答1 不需要 jQuery! 只需使用 substring 方法: var gorge = name.substring(4); 或者,如果您要删除的文本不是静态的: var name = 'nameGorge'; var toRemove = 'name'; var gorge = name.replace(toRemove,''); 回答2 使用 .split()。 (第二个版本在 Array 上使用 .slice() 和 .join()。) var result = name.split('name')[1]; var result = name.split('name').slice( 1 ).join(''); // May be a little safer 使用 .replace()。 var result = name.replace('name',''); 在字符串上使用 .slice()。 var result = name.slice( 4 ); 回答3 标准 javascript 将使用以下语法执行此操作: string.substring(从,到) var name = "nameGorge"; var output = name.substring(4)

2022-07-11 09:54:28    分类:技术分享    javascript   jquery   string

Automatically force mobile browser to desktop view

问题 在使用 Paypal IPN 发起付款的项目上完成了大量工作后,我发现这在桌面浏览器上是成功的,但在移动设备上完全 100% 失败(至少在 Chrome 上)。 经过一番研究,我发现这是由于移动浏览器使用 GET 方法返回 Paypal 数据,而不是桌面使用 POST。 如果我在移动浏览器上单击“请求桌面视图”,那么这将允许该过程正确完成,但这对于最终用户来说显然不是很有趣。 所以,当我遇到这个问题时(我实际上已经被告知这是一个无法控制的 Paypal 问题 - 不确定是否属实),有没有办法自动强制桌面在移动浏览器上查看作为最后的手段? 我试图改变视口宽度( <meta name="viewport" content="width=1024"> ),但这所做的只是扩大移动浏览器视图。 它实际上并没有像手动单击“请求桌面视图”那样提供正确的桌面视图。 请问有人知道是否有办法通过 HTML 或 JS 强制进入桌面视图吗? 谢谢, 担。 回答1 通常<meta name="viewport" content="width=1024">在某些情况下就足够了。 但是如果你有mobile版和desktop版的单独索引,那么你可以使用这个脚本: function parseUA() { var u = navigator.userAgent; var u2 = navigator

2022-07-11 09:54:20    分类:技术分享    javascript   jquery   html   mobile

How can I update attributes with jQuery?

问题 $(document).ready(function() { var hero_image = new Array(); hero_image[0] = new Image(); hero_image[0].src = 'assets/images/link.png'; hero_image[0].id = 'image'; hero_image[1] = new Image(); hero_image[1].src = 'assets/images/bongo.png'; hero_image[1].id = 'image'; hero_image[2] = new Image(); hero_image[2].src = 'assets/images/gandondorf.jpg'; hero_image[2].id = 'image'; hero_image[3] = new Image(); hero_image[3].src = 'assets/images/queen.png'; hero_image[3].id = 'image'; var young_hero = ["Link", "Bongo Bongo", "Gandondorf", "Queen Gohma"]; var health = [100, 70, 120, 50]; var attack

2022-07-11 09:52:57    分类:技术分享    javascript   jquery

How to use multiple "Attribute Equals" selector in jquery?

问题 如果要选择具有等于值的 1 个属性的 jquery 元素很简单: $(".element[attribute1='true']").hide(); 但是如果你想选择一个具有 2 个相等属性的元素呢? $(".element[attribute1='true', attribute2='false']").hide(); 那是行不通的。 回答1 $(".element[attribute1='true'][attribute2='false']").hide();

2022-07-11 09:52:30    分类:技术分享    javascript   jquery   html   attributes   element

Resizing images when screen is less than 1024 pixels width

问题 <script type="text/javascript"> if( $(window).width() < 1024) { $(".imagelist").animate({ width: '2750px',height:'540px'})1000 $("img").animate({ width: '250px',height:'250px'})1000 } }); </script> 回答1 <script type="text/javascript"> if( $(window).width() < 1024) { $(".imagelist").animate({width:'2750px',height:'540px'}, 1000); $("img").animate({ width:'250px',height:'250px'}, 1000); } </script> 回答2 <script type="text/javascript"> $(document).ready(function(){ if( $(window).width() < 1024) { $(".imagelist").animate({ width: '2750px',height:'540px'},1000); $("img").animate({ width: '250px'

2022-07-11 09:50:03    分类:技术分享    jquery

Jquery autocomplete suggestions - small font list

问题 <!DOCTYPE> <html> <head> <title>Auto Complete in JSP Java</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <STYLE TYPE="text/css" media="all"> .ui-autocomplete { position: absolute; cursor: default; height: 200px; overflow-y: scroll; overflow-x: hidden;} </STYLE> <script> $(function() { $("#names").autocomplete({ source: function(request, response) { $.ajax({ url: "searchName.jsp", type: "POST", dataType

2022-07-11 09:36:40    分类:技术分享    javascript   jquery   css   jquery-ui-autocomplete

Rendering user input from dynamically created textarea using MathJax

问题 我正在开发一个数学网页。 根据用户需要,单击时会创建文本区域,在这种特殊情况下,我知道一个文本框是分子,另一个是积分的分母。 用户在文本框中键入此信息并单击底部后,我想使用 MathJax 进行渲染: (\ \int {text1 \over text2} )。 变量都很好,但它没有以 MathJax 提供的数学格式显示。 var numerador = $("#numerador_"+i).val(); var denominador = $("#denominador_"+i).val(); var resHeviside = '<div class="row-fluid"><div class="span11">' + '<div class="row-fluid" id="pasoH_'+contador+'">' + '<div class="span2"><p class="porPartes">Integral '+i+':</p></div>' + '<div class="span3"><p class="algo" id="IntHevi_'+i+'">\\( { '+numerador+' \\over '+denominador+' } \\)</p></div>' + '<div class="span1 regla" id="drop_'

2022-07-11 09:34:52    分类:技术分享    jquery   mathjax