Tag: javascript

CSS从角落动画中透露出来

我试图实现如下动画效果： 显示横幅时，应显示下一横幅的右下角。 单击此角时，应隐藏当前横幅并显示下一个横幅。 我目前的加价如下： CSS如下：注意我使用clip-path创建了一个角： .banners { width: 800px; height: 600px; } .image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .image.active { z-index: 1; clip-path: polygon(100% 0, 100% 65%, 60% 100%, 0 100%, 0 0); } .corner { width: 50%; height: 50%; position: absolute; right: 0; bottom: 0; } JS： […]

如何使用jQuery或CSS缩小整个网站？

我想让我的网站缩小80％。 即将图像，字体，所有内容缩小到当前大小的80％。 有没有办法用jQuery或CSS做到这一点？ 我尝试了body { zoom:80% }但它仅适用于Chrome。

以编程方式单击 -tag在Firefox中不起作用

我有来自jquery的click()函数的问题。 我用document.createElement(‘a’)创建了一个 -element，并且想要调用关于这个元素的click() -function。 关于这个元素，我想创建一个Excel文件并将其保存在桌面上。 我的代码： $(‘body’).on(‘click’, ‘#test’, function(event) { var link = document.createElement(‘a’); link.download = ‘test.xls’; link.href = ‘data:application/vnd.ms-excel;utf-8,test’; link.click(); }); 此function在chrome下运行，但不在Firefox下运行。 工作实例 有谁知道为什么那不起作用？

如何成为一个jQuery no.conflict专家？

如何成为一个jQuery no.conflict专家？ 我主要面对Prototypes JS的jQuery冲突错误。 而且我不是jquery专家。 我还能解决所有冲突问题吗？ 如何专业化解决冲突问题。 如何知道整个代码是jquery。 如果简单的javascript和jquery代码混合在一个js文件中怎么办？ 如果内部外部js代码直接从内部开始怎么办？ var opbox=””; 这是我无法改变的源订单 1 2 我想从example.js中删除冲突错误 3 4

jQuery fadeIn on position：绝对导致z-index问题

从技术上讲，我正在使用fadeToggle()但他们是表兄弟…基本上我的问题是我有一个绝对定位的div，我正在使用slideToggle() ，但Z-index在动画完成之前没有被设置。 结果是在淡入淡出期间，相邻div中的文本（其z-索引值低于一个淡入的z-index值）出现在“具有较高z-index的div中的淡入淡出”之上。 有人熟悉这个怪癖吗？ 知道任何变通方法吗？ 编辑 ：请允许我澄清：当动画完成时，z-index正确解析，但在转换过程中，文本位于其上方。

jquery.ajax Access-Control-Allow-Origin

所以这是我的电话： $.ajax({ url: url, headers: { ‘Access-Control-Allow-Origin’: ‘*’ }, crossDomain: true, success: function () { alert(‘it works’) }, error: function() {alert(‘it doesnt work’)}, datatype: ‘jsonp’ }); 我的url是合法的。 您会注意到我没有数据集。 我不确定数据类型是否正常工作，因为它实际上返回了xml，但我也尝试过。 它呼吁sportsdata的api。 在网站上，他们向您显示x-originating-ip的请求标头，所以我尝试过access-control-allow-origin所在的位置。 所有这些仍然返回了访问控制错误。 如果我设置它，我不清楚数据是什么，所以我暂时省略了它。 我用谷歌搜索了几个不同的东西，我理解为什么我得到错误。 我不知道如何解决它。 我试图不必问，但如果有人可以解释或告诉我的方式，那将非常感激

Rails update.js.erb没有执行javascript

我正在rails中构建一个表单，它将通过ajax编辑现有问题。 提交表单并更新问题后，控制器中的更新方法将呈现update.js.erb，这将再次隐藏表单。 我的问题是update.js.erb中的javascript代码根本没有执行。 我知道该文件正在渲染，因为它显示在服务器输出中，当我放入时 进入它，它的工作原理。 然而，即使是最简单的 alert(‘hello’); 在同一个文件中没有任何效果。 我已经排除了javascript和jquery配置问题，因为相同的代码在我的edit.js.erb文件中完美运行。 它只是在update.js.erb中不起作用。 我错过了什么？ 编辑： Firebug没有显示任何错误。 以下是firebug网络面板中的响应： alert(‘hello’); $(‘#question_body’).replaceWith(‘jhsdfjhdsb k jdfs j fjfhds jfshaflksd;hf sdldfs l fdsalkhdfskhdfs;fd lfdksh hfdjaadfhsjladfhsjadfs ;df sjldfsj dfas hafdsj fdas ;ldfas ldfs df dl;hdf fdh ;fdj ;lfads’); def更新 编辑2： 这是控制器动作： def update respond_to do |format| if @question.update_attributes(params[:question]) format.html { redirect_to @question, :flash => { […]

SVG Elements上的事件委派

我正在尝试为我附加到SVGcanvas的所有元素设置一个公共点击处理程序。 但我不能将处理程序委托给新创建的元素。 这是我试图委托的代码，但没有运气 $(“#floor”).on(‘click’,’.drawnLine’, function() { //#floor is the SVG Element //.drawnLine is the element that is added dynamically console.log($(this).data(‘index’)); }); 更新：在.on()的jQuery手册中提到了 注意：委派事件不适用于SVG。 所以现在问题是这个问题的任何其他解决方法？

如何在tinymce中的光标位置插入图像

我正在使用以下代码来获取tinymce的内容。 tinymce_content=tinyMCE.get(‘txt_area_id’).getContent(); updated_content=tinymce_content+””; 通过使用上面的代码我在tinymce内容中插入图像。 问题：如何在tinymce内的光标位置插入图像（即）如何预测光标位置并分割内容以在获取的内容之间插入图像。 提前致谢

如何将“字符串”转换为“没有时区的时间戳”

我是Postgresql的新手，我正在使用WCF服务。 这是我的代码片段： $.ajax({ url: ‘../Services/AuctionEntryServices.svc/InsertAuctionDetails’, data: JSON.stringify({ “objAuctionEntryEntity”: { “AuctionNO”: ”, “AuctionDate”: $(‘[Id$=”lblAuctionDateVal”]’).text(), “TraderID”: $(‘[Id$=”ddlTraderName”] option:selected’).val(), “Grade”: $(‘[Id$=”ddlGrade”] option:selected’).val(), “Varity”: $(‘[Id$=”ddlVarity”] option:selected’).val(), “QuntityInAuction”: $(‘#txtQuantityForAuction’).val(), “AuctionRate”: $(‘#txtAuctionRate’).val(), “BrokerID”: a[0], “IsSold”: $(‘#chlIsSold’).is(‘:checked’), “CreatedBy”: $.parseJSON(GetCookie(‘Admin_User_In_Mandi’)).UserID, “UpdatedBy”: $.parseJSON(GetCookie(‘Admin_User_In_Mandi’)).UserID, “CreationDate”: GetCurrentDate().toMSJSON(), “IsActive”: true, “AuctionTransaction”: arrAuctionTransaction, “MandiID”: $.parseJSON(GetCookie(‘Admin_User_In_Mandi’)).MandiID, “FarmerID”: _ownerid, “AuctionNO”: _auctionno, “AmmanatPattiID”: _ammantpattiid, “ToTraderID”: b[0], “ToTraderName”: $(‘#txtOtherBuyerNameEN’).val(), “ToTraderName_HI”: $(‘#txtOtherBuyerNameHI’).val() } […]