Tag: javascript

jquery以编程方式单击新的dom元素: 我试图在jquery中做一些棘手的事情（至少对我来说）。我有一个绑定到名为add_course的函数的复选框，如下所示： function add_course(){ var id = $(this).attr(‘id’); if ($(this).is(‘:checked’)){ if($(‘#courseInput’).val().search(id) < 0){ $('#CourseSummary').append('X ‘+$(‘#course’+id+’ a’).html()+”); $(‘#courseInput’).val(function(index,value){ return value+ id +’,1;’; }); addTotal($(‘#price’+id).text()); } imageSync(); }else{ //This is where my question refers to. $(‘a#’+id+’.courseDel’).click(); } } 当有人选中该复选框时，会在页面中添加包含一些数据和链接的范围。新链接连接到不同的function $(‘.courseDel’).live(‘click’, del_course); del_course做了很多东西，就像add_course一样。正如您在add_course函数中看到的那样。我检查复选框是否已经过检查，只检查过它。这是del_course： function del_course(){ var id = $(this).attr(‘id’); $(‘#cn’+id).remove(); $(‘#courseInput’).val(function(index,value){ return value.replace(id+’,1;’,””); }); […]

JQuery ajax跨域调用和权限问题: 我有这个轮询脚本来检查是否在服务器上创建了一个文本文件。在本地工作很好，但当文件在不同的域上时失败。我如何重写这个跨域支持？ $.ajax({ url: ‘http://blah.mydomain.com/test.txt’, type: “GET”, success: function(result) { //Success! window.location.replace(Successful.aspx’); }, error: function(request, status, error) { setTimeout(“VerifyStatus(” + pollingInterval + “)”); } }); 编辑：我最终使用YQL来解决跨域问题，尽管它可行，但YQL实际上很慢，这增加了相当多的性能开销。任何人都可以为跨域JQuery调用建议更好的解决方案吗？

如何限制在文本区域中输入的字符数: 这是我尝试限制输入文本区域的字符数： var limit = 255; var txt = $(‘textarea[id$=txtPurpose]’); $(txt).keyup(function() { var len = $(this).val().length; if (len > limit) { //this.value = this.value.substring(0, 50); $(this).addClass(‘goRed’); $(‘#spn’).text(len – limit + ” characters exceeded”); return false; } else { $(this).removeClass(‘goRed’); $(‘#spn’).text(limit – len + ” characters left”); } }); 但是，它不能很好地工作。如何在达到某个限制（例如255个字符）后阻止用户输入文本？

使用javascript取消选择文本框的内容: 我理解使用javascript你可以使用以下代码选择文本框的内容（在jQuery中）： $(“#txt1”).select(); 有没有办法做相反的事情？要取消选择文本框的内容？我有一系列文本框的焦点事件，用于选择其中的内容。现在有时候我想要关注特定的文本框而不选择它。我打算做的是为这个特定的文本框调用焦点事件，然后通过调用取消选择它。 $(“input[type=text]”).focus(function() { $(this).select(); }); //code…. $(“#txt1”).focus(); //some code here to deselect the contents of this textbox 有任何想法吗？谢谢！

更新条带数据量: 我正在将Stripe实施到一个django网站，除了一部分外，一切正常。在我的购物车中，用户可以更新更改总数的项目。除了在Stripe Checkout js脚本上设置数据量之外，一切正常。当页面加载时，一切都很好，但是如果客户更改了他们的购物车，则数据量不会更新。我有另一个显示总数的框，这个数量更新很好。然后我尝试更新的javascript是这样的： function updateTotal(amount) { /* update the total in the cart in both the table cell and in the stripe button data-amount */ var totalStr = shoppingTotalCell.text().replace(‘$’, ”), originalTotal = parseFloat(totalStr), newTotal = originalTotal + amount, newTotalStripe = newTotal * 100, newTotalStr = newTotal.toFixed(2), script = $(‘#stripe-script’); shoppingTotalCell.text(‘$’ […]

如何使用maxlength阻止textarea中的进一步输入: 如果输入的字符达到最大长度，我有一个textarea，我想阻止输入。我目前有一个文本框的Jquery脚本，用于计算输入的字符，并希望在输入150个字符后添加一些将阻止textarea输入的内容。我已经尝试将max-length插件与我的脚本结合使用，但它们似乎不起作用。感谢帮助。当前代码 (function($) { $.fn.charCount = function(options){ // default configuration properties var defaults = { allowed: 150, warning: 25, css: ‘counter’, counterElement: ‘span’, cssWarning: ‘warning’, cssExceeded: ‘exceeded’, counterText: ”, container: undefined // New option, accepts a selector string }; var options = $.extend(defaults, options); function calculate(obj,$cont) { // $cont is the container, […]

jqgrid – 设置edittype的custom_value：’custom’: place_id的custom_value设置为我先点击的任何一行。随后点击的行将全部使用相同的值，无论其实际值如何。为什么？例： place_id foo_name bar_value 10 blah abc 11 blah2 fgr 单击place_id为10的行，然后单击“编辑”，出现的表单将有10 place_id值。进行更改并保存，然后单击下一行。虽然所有其他值都是正确的，但表单的place_id仍为10 。我的代码：列place_id如下所示： {name:’place_id’, index:’place_id’, editable: true, edittype:’custom’, editoptions: { custom_element:myelem,custom_value:myval }} myval函数是： function myval(elem){ return elem.val(); } 我需要的是将myval设置为正在编辑的行的正确place_id。我查看了Firebug中的elem对象，我发现它始终具有第一次单击的行的值，但我不明白为什么我也不知道从哪里可以获取正确的值。任何建议都表示赞赏（我试过在jqgrid论坛上询问，但没有任何结果，所以我转向stackoverflow）。 *编辑：如果我使用edittype:’text’而不是edittype:’custom’我会显示并传递正确的值但是该列是可编辑的，它应该只是可见但不可编辑。完整代码： jQuery(document).ready(function(){ jQuery(“#list”).jqGrid({ url:’/foo/bar/results’, datatype: ‘json’, mtype: ‘POST’, colNames:[‘Place ID’, ‘Site ID’, ‘Site Name’, ‘API ID’, […]

JQuery：如何为元素分配字体: 是否可以在jQuery中检索元素的指定字体？让我们说有css： #element { font-family: blahblah,Arial; } 在上面的示例中，Arial字体将分配给#element。有没有办法通过JS / JQuery获取该信息？就像是： $(‘#element’).css(‘font-family’); 只返回blahblah,Arial;

在ajax调用之后加载脚本的位置在哪里？: 假设您有一个简单的网页，可以动态加载如下所示的内容： – main.html – $(function() { $.ajax({ type: ‘get’, cache: false, url: ‘/svc.html’, success: function(h) { $(‘#main’).html(h); } }); }); loading… 并且它加载的页面在单独的文件中使用了一点Javascript： – svc.html – dynamically loaded content 注意脚本标记上的css属性 – 它表示属于脚本的样式表以及脚本将为我们加载的样式表。这是脚本： – plugin.js – var css = $(”, { rel: “stylesheet”, type: “text/css”, href: $(‘script:last’).attr(‘css’) }); $(‘head’).append(css); 而且，最后，样式表，它只是为加载的inner div着色，以certificate它一切正常： – plugin.css – #inner { […]

如何将日期选择器或任何常规jQuery插件添加到Ember-CLI应用程序: 所以我想尝试将pikaday日期选择器添加到Ember-CLI应用程序。我的/app/views/calendar-view.js有以下内容 import Ember from ’ember’; export default Ember.TextView.extend({ modelChangedValue: function(){ console.log(this.get(‘value’)); }.observes(“value”), didInsertElement: function(){ currentYear = (new Date()).getFullYear(); formElement = this.$()[0]; picker = new Pikaday({ field: formElement, yearRange: [1900,currentYear+2] }); this.set(“_picker”, picker); }, willDestroyElement: function(){ picker = this.get(“_picker”); if (picker) { picker.destroy(); } this.set(“_picker”, null); } }); 我的主要问题是如何将插件本身添加到ember-cli中？这是pikaday的github链接： https ： //github.com/dbushell/Pikaday 更具体地说，我认为这部分可能很重要，因为Ember-CLI使用AMD： https […]