Tag: javascript

选择改变事件在contenteditable

我对contenteditable元素的标记如下: 是否有身体的选择更改事件(contenteditable)? 这样我就可以检测所选文本块是否有粗体/下划线等。 我尝试了一些事件处理程序(jQuery),但没有成功: var richText = $(“.rich_text”), richTextDoc = richText.contents()[0], richTextBody = richText.contents().find(“body”); // Enable Design mode. richTextDoc.open(); richTextDoc.write(“”); richTextDoc.close(); richTextDoc.designMode = “on”; // Binds selection change event $(richTextDoc).bind(“select”, function() { … }); $(richTextDoc).bind(“selectstart”, function() { … }); richTextBody .bind(“select”, function() { … }); richTextBody .bind(“selectstart”, function() { … });

将值从fancybox iframe传递给parent

我试图将fancybox iframe中的变量/值传递给父窗口但没有成功。 Fancybox是通过链接启动的 class=”fancybox fancybox.iframe” 我在fancybox.iframe中的代码是: $(document).ready(function(){ $(‘.insert_single’).click(function(){ var test = $(‘.members_body’).find(‘{row.U_USERNAME}’); setTimeout(function(){ parent.$.fancybox.close();},300);return true; }); }); 其中“{row.U_USERNAME}”是在iframe中查找的用户名。 然后,在父级中有以下代码: $(document).ready(function(){ $(‘.fancybox’).fancybox( { openEffect:’fade’, openSpeed:500, afterClose: function(){ alert($(“.fancybox-iframe”).contents().find(test)); $(‘#form input[name=username]’).val()(test);return false; } } ); }); 但是当fancybox关闭时,没有警告显示变量“test”,变量也不会在表单的输入字段中显示为值或文本。 我已经阅读并尝试了在stackoverflow上找到的各种解决方案但没有成功。 在此先感谢您的帮助 编辑 这是一个例子

Angular JS不使用IE9,但可以与其他浏览器一起使用

所以我正在开发一个小应用程序,它可以从APIurl中获取,如此… $ http.get(s_url).then(function(res){…我的应用程序适用于chrome,safari,opera和firefox但在IE9中显示一个空白屏我错过了我的html或js文件中的内容吗?这就是我在IE的html文件中所拥有的…

jQuery $(function(){})和$(document).ready一样吗?

要在字段上有一个工作日期选择器,我必须将此脚本放在我的元素中 $( function() { $( “#date_datepicker” ).datepicker( { dateFormat: “yy-mm-dd” } ); }); 删除$( function() {使得datepicker不起作用。 那么它是否意味着$( function() {与$(document).ready ? 我正在尝试优化我的JavaScript代码,因此知道这可能会有所帮助。

使用jQuery单击表单提交后显示加载gif

我只是在提交表单后尝试显示加载gif。 我的代码无法正常显示加载gif。 您会看到我的gif图像设置为visibility: hidden 。   Username:   Password: $(‘.load_button’).submit(function() { $(‘#gif’).show(); return true; });

我可以在不在URL中添加’?callback =’参数的情况下创建jQuery JSONP请求吗?

服务器不会接受请求URL中的任何参数,因此我需要删除URL中的所有额外参数,当然我无法控制服务器。 jQuery的: $.ajax({ type: ‘GET’, url: ‘http://cross-domain.com/the_jsonp_file, jsonpCallback: ‘jsonCallback’, contentType: ‘application/json’, cache: ‘true’, dataType: ‘jsonp’, success: function(json) { console.log(json); }, }); JSONP文件: jsonCallback({“test”: “hello”}); 当我发送Ajax请求时,URL如下所示: http://cross-domain.com/the_jsonp_file?callback=jsonCallback 但我需要这个(没有参数): http://cross-domain.com/the_jsonp_file 编辑: 这是我的整个情况: function MyClass(imgs) { // imgs is array of URLs this.imgs = imgs; this.submit = function() { // button click event triggers this method this._show(); }; […]

如何在Jquery Flot Chart中添加标签?

我需要在Jquery Flot图表中添加标签。 目前它只提供鼠标hover的标签,而不是我需要在栏后显示标签。 我附上了这个问题的图像。 在hash(#)的位置我需要在那里放置条形标签。 请给我一个解决方案。 提前致谢。 for (i = 0; i < bardata.length; i++) { ds.push({ label: yearArry[i], data : bardata[i], }); } var options = { colors : colorArray, grid : { hoverable : true, clickable : true, tickColor : $chrt_border_color, borderWidth : $chrt_border_width, borderColor : $chrt_border_color, }, series: { stack:true, bars: { […]

可以淡出div边界?

我知道你可以用jQuery淡出 ,但我想知道是否有可能淡出 的边框? 所以我得到了我的 : 而且我想了解一下如何让这个边界在5秒后淡出。 更新 任何仍然想要这样做的人都可以使用CSS3过渡。 请务必在支持的浏览器function中查看它: http : //caniuse.com/#search=transition 例 div { border: 4px solid red; -webkit-transition: border-color .25s ease; -moz-transition: border-color .25s ease; -ms-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease; } div:hover { border-color: none; }

jQuery Ajax,覆盖onreadystatechange处理程序

我最近在讨论一些ajax轮询技术。 但是,似乎我无法从FireFox(3.6.7)中的XMLHttpRequest对象覆盖onreadystatechange处理程序。 在跟踪问题为什么FF在尝试访问onreadystatechange时抛出exception时,我意识到这取决于是否调用了send()方法。 换句话说,这是一个例子(普通的js,到目前为止没有jQuery),它有效: (这只是为了演示而相当简化) var myxhr = new XMLHttpRequest(); myxhr.open(“GET”, “/my/index.php”); myxhr.onreadystatechange = function(){ console.log(‘ready state changed’); }; console.log(“onreadystatechange function: “, myxhr.onreadystatechange); myxhr.send(null); 这有效,更好地说可以在这里访问myxhr.onreadystatechange 。 如果我切换最后两行代码,FF会抛出一个exception,基本上告诉我,我不允许访问这个对象。 myxhr.send(null); console.log(“onreadystatechange function: “, myxhr.onreadystatechange); 失败。 那我的实际问题在哪里? 好吧,我想使用jQuery的$.ajax() 。 但是如果我尝试覆盖从$.ajax()返回的XHR对象的onreadystatechange方法,我会收到相同的FireFoxexception。 好的我已经发现了为什么会发生这种情况,所以我想到了,嘿, $.ajax()的beforeSend属性怎么样? 所以我基本上试过这个: var myxhr = $.ajax({ url: “/my/index.php”, type: “GET”, dataType: “text”, data: { foo: “1” }, […]

匹配string中的所有URL并在JavaScript中返回数组

例如,我有以下字符串: var string = ‘watch this video http://vimeo.com/8122132 and then see this picture http://www.flickr.com/photos/pmorgan/32606683/’; 我希望找到所有有效的URL并将它们放在一个数组中,用JavaScript(和jQuery)完成,所以在这种情况下: url[0] = http://vimeo.com/8122132 url[1] = http://www.flickr.com/photos/pmorgan/32606683/ 目前,我只能匹配一个url,但我想匹配所有url。 这就是我所拥有的: geturl = new RegExp(“(^|[ \t\r\n])((ftp|http|https|gopher|mailto|news|nntp|telnet|wais|file|prospero|aim|webcal):(([A-Za-z0-9$_.+!*(),;/?:@&~=-])|%[A-Fa-f0-9]{2}){2,}(#([a-zA-Z0-9][a-zA-Z0-9$_.+!*(),;/?:@&~=%-]*))?([A-Za-z0-9$_+!*();/?:~-]))”); var url = geturl.exec(string); $(‘#urls’).html(url[0]); 相信我,把url[1],url[2]等不起作用:( 有任何想法吗?