Tag: javascript

禁用一页应用程序的浏览器后退按钮

我需要在单页面应用程序中禁用浏览器的后退按钮。 我尝试使用像onhashchange或window.history.forward这样的方法,但它们不起作用(原因可能是这里的url没有改变)请帮忙! 谢谢。

AngularJS动态表单字段ID,指令不起作用

尝试将指令添加到具有动态id的输入时,链接方法无法正确绑定到该对象。 给出以下jsfiddle或html: Date: 并且js: var module = angular.module(‘myApp’, []); module.directive(‘datepicker’, function() { var linker = function(scope, element, attrs) { element.datepicker(); } return { restrict: ‘A’, link: linker } }); function MyCtrl($scope) { $scope.id = 7 } 我在控制台调试器上看到的是,当调用链接时,它会将id显示为“datepicker – {{id}}”而不是“datepicker-7”。 有没有办法强迫这种情况发生? 实现这个的更好方法是什么? 更新 :应该澄清一下。 单击时会显示日期选择器,但单击日期不起作用。 我收到错误:“此日期选择器未捕获的实例数据”

使用javascript将用户重定向到当前页面并使用一些查询字符串

当一个人点击链接时,我想这样做: 从文本框中抓取文本 编码文本 重定向到currentpage.aspx?search = textboxvalue 到目前为止,我有这个,但它不起作用: window.location.href = “?search=” + escape( $(“#someId”).val());

如何将事件绑定到sessionStorage?

我可以成功绑定事件以更改为localStorage(使用jquery): $(window).bind(‘storage’, function(e) { alert(‘change’); }); localStorage.setItem(‘someItem’, ‘someValue’); 如果我使用sessionStorage,事件将不会触发: $(window).bind(‘storage’, function(e) { alert(‘change’); }); sessionStorage.setItem(‘someItem’, ‘someValue’); 为什么是这样?

如何知道标记的滚动事件的结束

如果滚动结束已达到div标签,我需要触发一个函数。 $(“#page”).bind(“scroll”,function(e){ //page is the ID of the div im scrolling if (document.body.scrollHeight – $(this).scrollTop() <= $(this).height()) { //the code here is called every time the scroll is happened i want to call //this only when the scroll reaches the end of div } });

event.keycode没有在firefox中返回正确的值

我正在尝试以下代码,以便在输入框中按下space-bar键时触发js方法。 $(‘#j1’).keypress (function (event){ alert(event.keycode) }); 在firefox中,只有在按下enter时返回正确的值,其他键返回的值每次只有0 。 在IE / chrome中,这非常有效。

如何在Javascript或Jquery中检查Textarea是否为空?

我如何检查textarea是否包含任何内容? 我试过这个代码 if(document.getElementById(“field”).value ==null) { alert(“debug”); document.getElementById(“field”).style.display =”none”; } 但它没有做我所期望的。 我希望它应该出现一个消息框“debug”,并且textarea不会显示。 我该如何解决这个问题?

扩展jQuery的.on()以使用移动触摸事件

我试图使用jQuery移动事件而不使用jQuery mobile的其余部分。 https://github.com/jvduf/jquery-mobile-events/blob/master/jquery.mobile.events.js 该片段可以启用它们,并且可以正常工作,但不能使用.on()事件处理程序。 例如: $(‘a’).on(‘tap’,function(){ console.log(‘Hi there!’); }); 但它确实适用于.live(),但现在已经折旧了。 所以我的问题; 有没有办法扩展.on()function,以包括点击事件和其他? 完整列表如下: touchstart touchmove touchend orientationchange 龙头 taphold 刷卡 swipeleft swiperight scrollstart scrollstop 谢谢 :)

双jsTree实现

我是jsTree的新手,我想使用双jsTree。 [左JsTrree] [>>] [右JsTrree] “>>”:从左到右jsTree复制所选节点的按钮 我想从左到右jsTree复制部分树层次结构。 没有重复的节点。 我不想复制所选节点的子节点 根据右侧jsTree结构,只有左侧jsTree中的选定节点合并到右侧jsTree中 如果用户从左侧jsTree中选择了任何节点,则在按钮(“>>”)上单击我想将部分树从选定节点复制到根节点。 左jsTree如下 “ Root —–A —–A1 —–A1.1 —–A1.2 —–A2 —–`A2.1` —–A2.2 —–B —–B1 —–B2 —–C —–C1 —–C1.1 —–C2.2 ————————————————– ———————————— 现在假设用户选择节点A2.1然后在按钮(“>>”)之后单击以下部分树应该显示在右侧jsTree中 [#1]右jsTree: Root —–A —–A2 —–`A2.1` 现在,在右边的jsTree中添加了根节点,只有选定的节点才能合并到右边的jsTree中。 ————————————————– ———————————— 现在假设用户选择了C1然后只有C1应该合并到右边的jsTree。 [#2]从左侧jsTree添加C1后的右jsTree结构: Root —–A —–A2 —–A2.1 —–C —–`C1` 假设用户选择A1然后A1应合并到适当的位置 [#3]从左jsTree添加A1后的右jsTree结构: Root —–A —–`A1` —–A2 —–A2.1 —–C —–C1 […]

动态更改源后加载音频元素

我的页面正文中有几个音频元素。 它们看起来像这样。 //add .ogg here later //add .ogg here later 当用户将鼠标hover在某些div上时,音频会播放。 这是触发它的代码。 var audio = $(“#sound1”)[0]; $(“#ChoiceA”).mouseenter(function () { audio.play(); }); var audio2 = $(“#sound2”)[0]; $(“#ChoiceB”).mouseenter(function () { audio2.play(); }); 上面的一切都很好。 当我尝试在进行ajax调用后动态更改源元素时,会出现问题。 这是我的javascript,实现了这一点。 var src1 = “../../Content/Audio/” + data.nouns[0].Audio1 + “.mp3”; var src2 = “../../Content/Audio/” + data.nouns[1].Audio1 + “.mp3”; $(“#sound1source”).attr(“src”, src1); $(“#sound2source”).attr(“src”, src2); 当我在触发ajax调用后检查页面以更改音频元素的源路径时,我看到源已更新。 没问题。 […]