Tag: javascript

jQuery函数在append（）之后没有响应

我正在创建一系列div框，允许用户使用jQuery从每个框中添加/删除项目。 我发现在向框中添加新元素后，我绑定到该元素的单击函数将不会响应。 这大致是我的代码的样子： $(“.add”).click(function() { $(“#targetbox”).append(“This element was added”); }); $(“.remove”).click(function() { alert(“removing”); $(this).remove(); }); 如果我使用项目预填充#targetbox，它们会响应clickfunction。 它只是动态添加的项目，不响应该function。

创建向量和冲突

我有一个球和一根棍子（用于台球比赛）。 首先将球放在桌子的位置。 点击球时，棒子会出现，这样我们就可以通过点击球来确定棒的放置角度（点击时我们确定鼠标相对于球心的角度，并将棒放在那个角度接触球）。 所以现在棍子也在桌子上。 现在我只是沿着那个角度拖动棍子，如果拖动的角度不是初始角度，则返回false。 在拖动结束时，我正在计算由杆移动的距离，并且杆返回到接触球的初始位置。 然后我试图相对于棍子的角度和棍子移动的距离移动球。 球在这里移动但不是关于这些中的任何一个。 这已成为我的问题，我在这里更新了小提琴： strikerGroup.on(‘dragend’, function () { var strikerLastPos = strikerGroup.getAbsolutePosition(); strikerGroup.setPosition(initStrikerGrpX, initStrikerGrpY); striker.speedX = striker.speedY = 2; var strikerGrpDistMoved = Math.sqrt(((strikerLastPos.x – strikerGroup.getAbsolutePosition().x) * (strikerLastPos.x – strikerGroup.getAbsolutePosition().x)) + ((strikerLastPos.y – strikerGroup.getAbsolutePosition().y) * (strikerLastPos.y – strikerGroup.getAbsolutePosition().y))); var newX = striker.getX() + (Math.cos(theta) * strikerGrpDistMoved); var newY = striker.getY() – […]

jquery datepicker设置思想

我有两个jQuery日期选择器来选择一个from和to日期。 我有以下代码，如果您在第一个中选择6月15日然后在第二个中，您现在只能从第15个开始选择。 我遇到的问题是我真的需要将日期选择器设置为+1天。 因此用户只能选择第16个。 我的技能不够先进，无法将日期添加到parseDate $(function() { var dates = $( “#from_date, #to_date” ).datepicker({ dateFormat: ‘dd-mm-yy’, minDate: 0, onSelect: function( selectedDate ) { var option = this.id == “from” ? “minDate” : “maxDate”, instance = $( this ).data( “datepicker” ), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings ); dates.not( this ).datepicker( “option”, option, date […]

获取TypeError：在使用ajax获取数据时，在’operand obj中无效’

下面是我的ajax电话 $(document).ready(function() { $(“#blog”).focusout(function() { alert(‘Focus out event call’); alert(‘hello’); $.ajax({ url: ‘/homes’, method: ‘POST’, data: ‘blog=’ + $(‘#blog’).val(), success: function(result) { $.each(result, function(key, val) { $(“#result”).append(” + val.description + ”); }); }, error: function() { alert(‘failure.’); } }); }); }); 我在控制台的’operand obj’错误中收到’TypeError：invalid’ 提前谢谢你

如果可缩放区域按比例缩小，则可拖动元素会被拖放到多个可放置区域 – 如何修复

我试图将拖放元素拖放到可放置的区域。 假设我有多个具有相同class的可drop区域，并且我已为此类编写了一个drop事件处理程序。 如果我使用-webkit-transform:scale(0.3,0.3);缩放我的可放置区域-webkit-transform:scale(0.3,0.3); ，掉落事件很奇怪。 在可拖动元素连接到其中一个可放置区域之前，下降发生在多个可放置区域上。 我认为这个问题是因为使用了scale但我对如何修复它没有任何想法。 谷歌搜索也没有帮助。 我为DEMO设置了一个小提琴。 这是我的代码 剧本 var click = { x: 0, y: 0 }; // used for recording mouse cords $(‘document’).ready(function(event){ for(var i = 0 ; i <= 72 ; i++) { $('’).attr({‘class’:’drop_zone’,’id’:’drop_’+i}).appendTo($(‘.main_container’)); } $(‘.drop_zone’).each(function(index,element){ $(this).attr(‘id’,’drop_’+index); }) $(‘.draggable’).draggable(); $(‘.draggable’).on(‘dragstart’,function(event,ui){ $(‘#droppable_area_ids’).html(”); click.x = event.clientX; click.y = event.clientY; }) $(‘.draggable’).on(‘drag’,function(event,ui){ var zoom […]

Javascript函数是在循环中使用最后已知的参数？

我有一种情况，我需要动态创建按钮，我需要将onclick事件附加到每个按钮。 以上所有都做得很好。 但是，当单击其中一个按钮时，调用的函数ie（animate（poly，map））使用poly的最后已知值和map作为参数。 从今天早上起我就遇到了这个问题。 请帮忙。 谢谢 for(var k=0;k<arr_altern.length;k++){ my_div=create_div_interchange(arr[i],1,78,visited_bus,interchange_arr,arr_altern[k],null, my_interchange_array); $('#results').append(my_div); var x='animate'; var v='#animater'; v+=div_id; x+=div_id; map=create_map(div_id); var poly=retrieve_results_edges(bus_stops_visited,map); var strVar=""; strVar += "”; strVar += “”; strVar += “”; $(v).append(strVar); document.getElementById(x).onclick=function test(){ animate(poly,map); } set_map(map); set_polyline_color(my_traversed_edge,map); } 更新解决方案： i’ve replaced document.getElementById(x).onclick=function test(){ animate(poly,map); } 通过 $(‘#’+x).bind(‘click’,{poly:poly,map:map}, function(event) { animate(event.data.poly,event.data.map) });

setTimeOut（）或setInterval（）。 4种方法应用相同的东西。 哪个最好？

我正在显示一个关于给定的终结时间的倒计时表。 虽然它的工作完美，但我想知道哪种方法最适用。 下面是我的倒计时function。 var timerId; var postData = {endDate : endDate, tz : tz}; var countdown = function() { $.ajax({ type : ‘post’, async : false, timeout : 1000, url : ‘./ajax_countdown.php’, data : $.param(postData), dataType : ‘json’, success : function (resp){ $(‘#currentTime’).html(resp.remainingTime); } }); } 我想要的是每1秒后自动调用一个函数（倒计时），如果它在1秒内没有执行/完成，则取消当前的ajax并启动一个新的ajax调用。 现在我发现有4种工作方法 方法1：将setInterval（）与window对象一起使用 window.setInterval(countdown, 1000); 方法2：独立使用setInterval（） setInterval(function() {countdown()}, 1000); […]

当我到达某个点时进行div滚动

当我到达某个滚动点时，我想做一个div（按钮）滚动。我也想在页面上的其他元素中添加类。它们不工作。这是我用于滚动的代码，但我不很明白。请帮帮我 $(window).load(function () { var nav = get_nav(); if (!(nav.is_msie && nav.ver = start_offset) { bp.addClass(‘flyingbuy’); } else { pt.css(‘top’, ‘auto’); } if (window.content_center != true || window.c != false) { window.buydeal_forpresent = false; } $(window).scroll(function () { var tmp = $(‘#tag_container’).css(‘position’); ur_w_offset = $(window).scrollTop(); if (cur_w_offset >= start_offset) { bp.addClass(‘flyingbuy’); $(‘#tag_container’).css(‘height’, ‘auto’); $(‘#tag_container_bialo’).slideDown(‘slow’); } […]

javascript字符串替换＆lt; 进入<

嘿所有，我基本上使用jquery将内容输出到这样的div： var text = $(“#edit”).val(); $(“#output”).text(text); 但我想转“＆lt;” 和“＆gt;” 分为“”。 text.replace(/</,”<"); 似乎不适合我… 有任何想法吗？ 非常感谢

如何在javascript中单击文本时获取字符位置

我有这个function来点击文本时获取光标的位置，它只适用于等宽字符，这很好，但它显然不适用于像中文或日文更宽的字符。 function get_char_pos(point) { var prompt_len = self.find(‘.prompt’).text().length; var size = get_char_size(); var width = size.width; var height = size.height; var offset = self.offset(); var col = Math.floor((point.x – offset.left) / width); var row = Math.floor((point.y – offset.top) / height); var lines = get_splited_command_line(command); var try_pos; if (row > 0 && lines.length > 1) { […]