Tag: javascript

什么是JS或JQuery的水平滚动新闻自动收报机的好处

我正在寻找一些JQuery或JS，它允许我生成一个水平滚动的“新闻自动收报机”列表。 生成的HTML也需要符合标准。 我已经尝试过liScroll，但这有一个破坏的习惯（一些内容最终在滚动开头的第二行），特别是对于更长的列表。 我也尝试了这个新闻报道，但是当包含DOCTYPE时，滚动会在每个周期结束时摇晃而不是平稳循环。 任何建议表示赞赏。 编辑 所以多亏了Matt Hinze的建议，我意识到我可以用JQuery动画做我想做的事情（我需要连续滚动而不是像示例那样的离散滚动）。 但是，我很快遇到了与liScroll相似的问题，毕竟认识到CSS问题（一如既往）是负责任的。 解决方案：liScroll – 将默认的’var stripWidth = 0’更改为100，以提供一点空间并避免换行。

JQuery在Ajax响应上无法识别表达式

我有这个JQuery Ajax表单。 $(‘#modal-body-sign-in’).on(‘submit’, ‘#sign-in’, function(e) { e.preventDefault(); var data = $(this).serialize(); var url = $(this).attr(‘action’); $.ajax({ //this is the php file that processes the data and send mail url : url, type : “POST”, data : data, dataType: “html”, //Do not cache the page cache : false, //success success : function(data) { //console.log(data.content); console.log($(data)); //$(‘#modal-body-sign-in’).html(data); […]

在JQuery中将日期转换为dd / MM / yyyy格式

我将在Thu Oct 14 2010 00:00:00 GMT 0530 (India Standard Time)格式中选择日期。 我想以dd/MM/yyyy格式转换它。 jQuery中有什么关系？

Javascript格式化日期

如何格式化： /Date(1292962456255)/ 作为JavaScript / jQuery中的常规日期？

如何在Jquery中完成for循环后触发回调函数？

我有两个函数可以调整和调整屏幕上元素的高度和宽度。 panelHeight将目标元素的高度设置为可用的屏幕高度，而panelWidth则调整元素的宽度。 我的问题： 第一个函数（ panelHeight ）完成后，我无法确保第二个函数（ panelWidth ）触发。 如果目标元素很长并且有一个滚动条，它将被panelHeight删除但如果在panelWidth触发之前没有这样做，则设置宽度将被滚动条占用的空间关闭（17px – 当宽度为时仍然存在）计算）。 所以我正在寻找一种方法，只有在完成另一个function后才能触发一个函数。 有点像回调，但我不确定谁在下面for循环中摆弄这个： panelHeight: function (from) { var self = this, o = self.options, wrap = $(‘div:jqmData(wrapper=”true”).ui-page-active’).last(), overthrow = wrap.jqmData(“scrollmode”) == “overthrow” && $(‘html’).hasClass(‘ui-splitview-mode’), blacklist = $(‘html’).hasClass(‘blacklist’), // calculationg toolbars // elements contents = TARGET_ELEMENT; if (overthrow) { for ( var i = 0; i […]

以格式’09：00 AM’对包含时间的字符串数组进行排序？

我正在尝试排序我的数组。 该数组由时间格式的数据组成。 阵： ‘9:15 AM’, ’10:20 AM’, ’02:15 PM’ 我应该如何排序？ 我正在获取此数据usig json服务并使用它来列出jquery mobile的listview中的事件。 但我想按时间排序事件。 更新：我是如何在两个时间和时间从JSON分类数据的： 对于我的排序数据的特殊问题，我按照日期和时间使用json这样做： $.getJSON(serviceURL + ‘read.php?month_no=’+month_no, function(data) { events = data.data; events.sort(function(a,b){ a = new Date(a.event_date+’ ‘+a.event_time); b = new Date(b.event_date+’ ‘+b.event_time); return ab?1:0; }); });

如何停止计时器function的运行？

我对js有点新鲜，并且一直试图弄清楚当我点击按钮时如何停止运行此function。 我尝试使用clearInterval，但我不确定我是否正确使用它。 有人可以看看这个代码并指出我正确的方向吗？ 码： Stop​ 脚本： var arr = [ “one”, “two”, “three”]; (function timer(counter) { var text = arr[counter]; $(‘#target’).fadeOut(500, function(){ $(“#target”).empty().append(text).fadeIn(500); }); delete arr[counter]; arr.push(text); setTimeout(function() { timer(counter + 1); }, 3000); $(“#stop”).click(function () { clearInterval(timer); }); })(0); setInterval(timer); JS小提琴： http ： //jsfiddle.net/58Jv5/13/ 在此先感谢您的帮助。

使用Ajax填充选择框

好吧，这是我第一次尝试阿贾克斯，它让我疯狂，因为我真的无法理解它。 我想要做的是从数据库填充客户的第一个框，然后使用customerID从select.php脚本中选择数据库中的所有vehicleID。 正在发生的事情是客户框正在被选中，但是当选择客户时没有任何事情发生。 这是我的Test.php文件： Select test $$(‘#customer’) .on(‘change’, function () { $.getJSON(‘select.php’, { customerId: $(this) .val() }, function (data) { var options = ”; for (var x = 0; x < data.length; x++) { options += '’ + data[x][‘reg’] + ”; } $(‘#vehicle’) .html(options); }); }); <?php $sql = <<query($sql)){ die(‘There was an error running […]

Twitter Bootstrap Rails按钮下拉列表没有响应AJAX

我有一个使用Bootstrap的Rails 4应用程序。 我正在创建一个仪表板页面，显示颜色编码的按钮，以表示它所代表的工具的状态。 页面中的HTML如下所示： 706-Hydraulic Ram 98061841 In Service Out of Service view Details 链接的两个方法看起来像这样： def in_service @tool.update(:in_service => true) respond_to do |format| format.html { redirect_to(root_path) } format.js end end def out_service @tool.update(:in_service => false) respond_to do |format| format.html { redirect_to(root_path) } format.js end end 由于“format.js”之后没有任何内容，Rails应该自动执行一个与.js.erb后面的方法同名的文件。 所以我有一个in_service.js.erb和一个out_service.js.erb文件。 它们看起来像这样： $(‘.in_service’).bind(‘ajax:success’, function() { $(this).closest(‘.btn’).addClass(‘.btn-success’).removeClass(‘.btn-warning’); }); $(‘.out_service’).bind(‘ajax:success’, function() […]

将变量传递给外部JS文件？

是否可以将变量传递给链接的.js文件？ 我试过这个： 但是萤火虫告诉我，超时没有定义。 这是.js文件的代码： $(document).ready(function() { $(“#rotator > ul”).tabs({ fx: { opacity: “toggle”} }).tabs(“rotate”, timeout, true); }); 我使用标签是因为我正在使用的网站使用sitefinity，这个标签允许我加载外部.js文件。 更新： 我能够通过创建一个模拟javascript页面的aspx页面来“欺骗”include： $(document).ready(function() { $(“#rotator > ul”).tabs({ fx: { opacity: “toggle”} }).tabs(“rotate”, , true); }); 在用户控制页面上： [DefaultProperty(“BannerTimeout”)] public partial class Custom_UserControls_TabbedRotator : System.Web.UI.UserControl { [Category(“Configuration”)] [Description(“Sets the rotation timeout, in seconds.”)] [DisplayName(“Banner Timeout”)] public int BannerTimeout { […]