Tag: 绑定

JQUERY竞争到iFRAME

我正在尝试构建一个“JS确认下面离开页面function” 我遇到的问题是在页面上我需要这个确认function我正在使用CKEDITOR为文本编辑器创建一个iframe。 // Javascript code that controls the onbeforeunload event function setConfirmUnload(on) { window.onbeforeunload = (on) ? unloadMessage : null; } function unloadMessage() { return ‘You have entered new data on this page. If you navigate away from this page without first saving your data, the changes will be lost.’; } // JQuery code to […]

Chrome中select / options的jQuery事件委派

我正在尝试将简单的单击事件绑定到下拉列表的选定选项。 $(‘select#myselect’).delegate(‘:selected’, ‘click’, function() { alert(‘selected’); }); 此代码适用于Firefox,但不适用于Chrome / Safari。 我可以使用.delegate()为这样的下拉菜单绑定一个选项吗? 如果是这样,怎么样? 如果没有,最好的替代解决方案是什么? 顺便说一句, jQuery点击事件..使用.change()提供了一个潜在的解决方案,但我想尽可能使用.delegate()管理所有绑定。

jQuery绑定直播事件

我遇到了将实时事件绑定到动态创建内容的麻烦。 我有一个页面通过ajax调用加载一个html页面。 加载的html页面包含一些javascript然后执行。 执行的javascript会创建一些元素。 我想将click事件处理程序绑定到这些元素,但是在绑定它们之后(使用.live,.delegate和plain old .click)单击它们后没有任何反应。 我能够检索元素的内容(通过调用.html),但由于某种原因我无法绑定事件… 我也试过添加onclick =“alert(’test’);” 通过javascript吐出它们之前的元素,但没有用… 有人知道解决方案吗? 谢谢

jQuery – 为什么我不能将事件绑定到循环中的元素?

这是我的代码: var b = $(slipStream.conf.mainVis).find(‘p#prev’); b.click(function() { slipStream.slideLeft(); return false; }); b = $(slipStream.conf.mainVis).find(‘p#next’); b.click(function() { slipStream.slideRight(); return false; }); b = $(slipStream.conf.controls).find(‘li img’); console.log(b); for (var l in b) { l.click(function() { var visIndex = l.index(); console.log(visIndex); }); }; 前两个绑定经过,没问题。 但是我不能遍历集合并将某些东西绑定到每个成员? (控制台告诉我“l.click不是一个函数。”)这是jQuery的限制还是我的代码关闭? 这似乎是这样做的方式,但是……

有没有更好的方法来动态显示包含随机jquery绑定的iframe?

这有效,但我不确定为什么(我相当确定有一种更聪明的方法来实现它)。 我有一个带有iframe的页面,src将根据需要进行更改。 我正在尝试构建这个不同的src可以在以后添加。 每次加载src后,我需要将function绑定到各种元素。 我的主要问题在下面的评论中; 但总的来说,我很好奇有更好的方法来解决这个问题。 谢谢。 $(document).ready(function() { $(“.start”).click(function(){ init(); }); function init() { $(“#container”).html(”); //QUESTIONS: //why do these bindings work when the iframe src changes? //at the time this is run, these don’t know anything about the iframe src’s that will be loaded //seems like it’s acting like live() rather than bind()? //is […]

如何正确地将html5’结束’事件绑定到任何未来(jquery生成)元素?

标题解释了大部分内容。 我有一个链接列表,导致我通过javascript加载到页面中的video和音频文件。 html看起来有点像这样: … … video 1 video 1 … 我的javascript然后看起来如下。 我们的想法是,当您单击音频链接时,它将插入音频标记,当您单击video链接时,它将插入video标记。 单击页面上的任意位置可播放/暂停音频/video。 一切都有效,除了应该处理’已结束’事件的底部代码块。 这个想法是你在媒体完成后回到链接列表。 然而,似乎事件根本不会绑定。 $(document).ready(function() { var mediablock; var playing = false; $(“.video”).on(“click”, function() { var link = $(this).attr(“href”); $(“#main”).hide(); $(“body”).append(”); mediablock = $(“#videoblock”).get(0); mediablock.play(); playing = true; return false; }); $(“.audio”).on(“click”, function() { var link = $(this).attr(‘href’); $(“#main”).hide(); $(“body”).append(‘<audio id="audioblock" width="'+$(window).width()+'" height="'+($(window).height()-50)+'"’); […]

如何将自定义事件绑定到从另一个脚本动态加载的元素?

我有一个无限的滚动脚本,适用于我的tumblr 。 当我向下滚动页面时,它正在加载图像。 然而,我希望图像淡入而不是突然出现。 我发现这个很棒的插件称为路点 ,它可以做到这一点。 它的工作原理,但只适用于首次加载的图像。 之后,它无法识别新加载的图像。 我知道“live”仅适用于某些jQuery函数。 并且绑定可能会更好,因为您可以使用自定义函数。 但后来我显然必须触发脚本,这就是我不知道该怎么做。 这意味着我必须破解执行无限滚动的tumblr脚本, 并且它在那里是可怕的 ,javascript而不是jQuery。 也许你可以推荐一种更好的方法吗? 以下是适用于前十张图像的代码: $(‘.theImage’).waypoint(function() { $(this).animate({opacity: 1}, ‘slow’); }); 我希望我能做到这样的事情: $(’。theImage’)。bind(“waypoint”,function(){$(this).animate({opacity:1},’slow’);}); 谢谢。 PS的内容是miiiiildly nsfw。 实际上它的sfw,因为一个温和的性感图片甚至不可见,它一直在底部。 干杯。

文本框浏览器自动填充选项不会触发keypress / keyup

我有一个带有“keypress”事件的绑定,如下所示(请参阅jsfiddle: http : //jsfiddle.net/periklis/RMyc7/ ): $(document).ready(function() { $(‘#text_id’).bind(‘keyup’, function() { console.log(‘pressed!’); }); }); ​ 我的问题是,如果我为该字段选择了一个浏览器建议(之前输入的值),那么keyup事件将不会触发。 你有什么建议我应该做些什么来解决这个问题? 测试铬17和Firefox 10 一如既往地谢谢

复选框在无序列表项中单击无法正常工作

我无法“检查”嵌入在可扩展UL中的输入复选框。 我知道原因与点击绑定有关,但我无法弄明白。 UL是动态的,所以我添加了新的li和UL。 最低级别UL包含应该可选择的lis。 但是当我尝试点击它们时,它只是突出显示标签,复选框永远不会被选中。 这是HTML: Assessment ATGM FMS 这是javascript / jquery: function prepareList() { $(‘#expList’).find(‘li:has(ul)’) .click( function(event) { //If line item is expandable but has no line items then call the service to retrieve data if($(event.target).hasClass(‘collapsed’) && $(event.target).find(‘li’).length==0){ $(event.target).children(‘ul’).append(“Add New LI’s”) $(‘#expList’).find(‘li:has(ul)’).addClass(‘collapsed’); $(‘#expList’).find(‘ul’).addClass(‘inputslist’); $(event.target).find(‘li:has(input)’).unbind(); $(event.target).children(‘ul’).hide(); } //Toggle the lists if they show or not […]

单击时无法取消绑定鼠标

我有一个jquery脚本,如果你使用mouseenter和element,它会显示一些内容,并在你mouseleave时消失。 我试图在用户点击时取消绑定鼠标,以便在用户离开时“某些东西”保持显示状态。 这是正确的方法吗? 如果是这样,有人可以帮助我让这个脚本工作吗? 谢谢! $(‘.block’).live(“mouseenter”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).show(); }).live(“mouseleave”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).hide(); }).live(“click”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).show(); $(this).unbind(“mouseleave”); }); 谢谢!