Tag: javascript

Slick.js：获取当前和总幻灯片（即3/5）

使用Slick.js – 如何获得当前和总幻灯片（即3/5）作为点的简单替代？ 我被告知我可以使用回调参数对象来使用customPaging回调，但这究竟是什么意思？ $(‘.slideshow’).slick({ slide: ‘img’, autoplay: true, dots: true, customPaging: function (slider, i) { return slider.slickCurrentSlide + ‘/’ + (i + 1); } }); http://jsfiddle.net/frank_o/cpdqhdwy/1/

在jQuery中动态创建表

我正在使用jQuery动态构建一些 数据，但是我收到以下错误： 未捕获的错误：HIERARCHY_REQUEST_ERR：DOMexception3 这发生在脚本的appendTo部分，如下所示： $(”).append( /* lots of stuff */ ).add( $(”) ).append( /* some more */ ).appendTo($tbody); $tbody是$(‘ ‘); 有人可以帮帮我吗？ 为了完整起见，这是整个代码： $(‘#visitsContainer’).show(); $div = $(”).css(‘margin-top’, ‘7px’).css(‘width’, ‘620px’).addClass(‘groupBox’); $table = $(”).attr(‘cellpadding’, ‘3’).attr(‘cellspacing’, ‘0’).attr(‘width’, ‘620’); $tbody = $(”); $(”).append( $(”).css(‘width’, ’45px’).attr(‘valign’, ‘top’).attr(‘rowspan’, ‘3’).attr(‘align’, ‘center’).append( $(”).attr(‘href’, ‘/sparkx/’ + userData.username).append( $(”).attr(‘src’, ‘/media/profile/40px/’ + userData.photo).attr(‘alt’, userData.firstname).attr(‘border’, ‘1’).css(‘border-color’, ‘#c0c0c0’).css(‘max-width’, ‘ […]

在div列表中的随机位置插入div

我有一个看起来像这样的页面： … … … … 我想知道是否有一种方法可以在任何“item”div之间随机插入div，所以当页面加载时，它看起来像： … … … … … 具有“item”类的所有div都是动态生成的，不能修改。 有任何想法吗？ 提前致谢！

facebook样式jquery tokeninput脚本在jquery-ui模式窗口中保留值

尝试使用facebook风格的tokeninput脚本，我将以与FB使用相同的方式（使用jquery-ui获取模态窗口）向社交网络系统中的朋友发送消息。 单击“打开对话框”按钮（“opener”id会显示模态窗口） javascript片段： $(document).ready(function() { $(“input[type=button]”).click(function () { alert(“Would submit: ” + $(this).siblings(“input[type=text]”).val()); }); }); $(document).ready(function() { $(“.show_dialog script”).remove(); $dialog = $(‘.show_dialog’); $dialog.dialog({ width:500, height:300, autoOpen: false, title: ‘Basic Dialog’ }); $(‘#opener’).click(function() { $dialog.dialog(‘open’); $(this).siblings(“input[type=text]”).val(‘this is a value ‘)// ADDED BY ME //$(“#demo-input-facebook-theme”, $dialog).val(”); $(“.border_text”, $dialog).css(“border”,”1px solid red”); // prevent the default action, eg, following […]

如何使用cytoscape.js在图形中的节点上添加鼠标hover事件的工具提示

我想在使用cytoscape.js创建的图形中的所有节点上显示有关鼠标hover事件的节点详细信息。 我找到了一个插件qtip ，但这不起作用。 我怎样才能做到这一点？ 是否有其他方法在节点上显示工具提示？ 提前致谢。

如何缓存使用脚本标记下载的下载的javascript文件

我正在开发一个Web应用程序，我需要在应用程序加载时下载库。 因此我使用脚本标签下载它现在我不想每次加载应用程序时都要下载它。 我需要缓存这个。 我知道我们可以使用jquery，$ .ajax（url：…，cache：true）来完成它。 但有没有办法，我们是否可以在不使用jquery的情况下缓存它。

如何替换除第一次出现之外的所有匹配字符

我正在尝试使用正则表达式来比较JavaScript中的字符串。 我想用空字符”替换所有’.’s和’%’s ，但是我不想替换第一次出现’.’ 。 value.replace(/\%\./g, ”); 预期结果如下： .4.5.6.7. ==> .4567 4.5667.444… ==> 4.56667444 ..3445.4 ==> .34454

允许用户在谷歌地图自定义地图中移回标记位置（z-index？）

我想允许用户能够在InfoWindow内的点击上移动自定义谷歌地图标记的顺序。 这是为了克服重叠标记的问题。 我考虑过其他解决方案（移动lat / lon，标记簇，“蜘蛛标记”）。 我的代码有两个问题：1）jquery监听器不工作2）但更重要的是如何实现z-index（或其他技术？）的更改和重新显示。 #map-canvas, #side-bar { height: 500px; width: 600px; } // scoping for jquery $( document ).ready(function() { “use strict”; // variable to hold a map var map; // variable to hold current active InfoWindow var activeInfoWindow ; // ——————————————————————————- // // initialize function // ——————————————————————————- // function initialize() { // […]

显示多文件上载Jquery / Ajax的进度

我有上传表单，允许用户上传多个文件。 我决定如果文件非常大，进度条会很好。 以下是我的源代码。 我是新手jquery通常我只是php但我发现ajax更加用户友好。 Upload an image or video function OnProgress(event, position, total, percentComplete){ //Progress bar console.log(total); $(‘#pb’).width(percentComplete + ‘%’) //update progressbar percent complete $(‘#pt’).html(percentComplete + ‘%’); //update status text } function beforeSubmit(){ console.log(‘ajax start’); } function afterSuccess(data){ console.log(data); } $(document).ready(function(e) { $(‘#upload_file’).submit(function(event){ event.preventDefault(); var filedata = document.getElementById(“file”); formdata = new FormData(); var i = […]

JQuery JSON调用PHP WebService始终运行“错误”回调

我现在头疼，因为我整天都遇到这个问题，但仍无法修复。 我已经看了谷歌和StackOverflow几个小时，尝试了很多方法（包括从JSON更改为JSONP，检查PHP上的标题，localhost测试），问朋友等等，我仍然卡住了。 也许这只是一个细节，我不知道。 我正在研究Android移动应用程序，为此，我在托管（例如，example.com）上有一个PHP Web服务，因为我使用PHP WS JSON客户端进行测试，所以工作正常。 问题是我现在使用jQuery，JSON和Ajax从我的计算机上的JS文件中调用此WS，我从Google Chrome的调试器控制台得到以下响应： readyState：4 statusText：“确定” responseText :(我需要什么，没有错误） 但是在服务器的响应中， 我总是收到错误回调，而不是成功 。 我读它是因为服务器无法正确解析JSON，但我真的不知道。 我告诉你我的代码。 来自CLIENT.JS： $.ajax({ type: “POST”, crossDomain: true, contentType: “application/json utf-8”, dataType: “json”, url: “http://www.example.com/ws/webservice.php/” + methodName, data: JSON.stringify(window.parameterArray), success: function (response) { alert(‘Success!’); window.resultVar = “Success! ” + response; console.log(response); }, error: function (response) { alert(‘Error’); window.resultVar = […]