Tag: javascript

如何使用jquery打开选择输入: 所以我可以看到select元素的选项，但我需要点击它。如果我想使用某个function怎么办？当某些事情发生时，应该选择这个select元素，意味着列表是打开的，我可以看到选项。我不希望用户点击选择元素，我想要其他东西来打开它。我试过的 $(“select”).select(); $(“select”).click(); $(“select”).focus(); 有一个select元素，通常如果你想打开它（下拉列表），你点击它。我想要的是打开它，如果我点击DIV或其他任何东西。我希望打开此下拉列表，而无需用户单击select元素。

使用jQuery同步滚动？: 我正在尝试使用以下代码实现两个DIV同步滚动。 DEMO $(document).ready(function() { $(“#div1”).scroll(function () { $(“#div2”).scrollTop($(“#div1”).scrollTop()); }); $(“#div2”).scroll(function () { $(“#div1”).scrollTop($(“#div2”).scrollTop()); }); }); #div1和#div2具有相同的内容但是大小不同 #div1 { height : 800px; width: 600px; } #div1 { height : 400px; width: 200px; } 使用此代码，我面临两个问题。 1）滚动没有很好地同步，因为div具有不同的大小。我知道，这是因为，我直接设置了scrollTop值。我需要找到滚动内容的百分比，并为另一个div计算相应的scrollTop值。我不确定，如何找到实际高度和当前滚动位置。 2）此问题仅在firefox找到。在Firefox中，滚动不像其他浏览器那样流畅。我认为这是因为上面的代码创建了一个无限循环的滚动事件。我不确定，为什么这只发生在firefox上。有没有办法找到滚动事件的来源，以便我可以解决这个问题。任何帮助将不胜感激。

使用带有.change（）事件的输入类型=“文件”字段上传文件并不总是在IE和Chrome中触发: 我有一段简单的代码来上传文件： $(document).ready(function () { $(“.attachmentsUpload input.file”).change(function () { $(‘form’).submit(); }); }); 当我点击输入然后在对话框中选择一个文件时，我正在使用ajax提交此文件。这不是重要的部分。重要的是，当我在对话框中第二次选择相同的文件时，在提交第一个文件之后，.change（）事件不会在IE和Chrome中触发。但是当我选择不同的文件时，事件会触发并正常工作。在Firefox下，它一直在开火。如何解决这个问题，按预期工作（如在Firefox中）？

如何在事件上对jquery进行指令更新ng-model？: 我正在为一个jQuery日期选择器插件制作一个AngularJS指令，它应该在datepicker日期发生变化时更新ng-model。这是到目前为止的代码： angular.module(‘bootstrap-timepicker’, []).directive(‘timepicker’, [ function() { var link; link = function(scope, element, attr, ngModel) { element.datetimepicker(); element.on(‘dp.change’, function(event) { // update ngModel ? }); }; return { restrict: ‘A’, link: link, require: ‘ngModel’ }; } ]); 考虑到在调用事件时scope，element，attr，ngModel不可用，如何在’dp.change’事件中更新ngModel？谢谢！

在发送另一个之前，jquery abort（）ajax请求: 基于：使用jQuery中止Ajax请求 …在inventory_search（）中 – 在发出ajax请求之前，如何检查当前请求并在发出新请求之前中止（）它们？或者……有更好的方法吗？ $(function() { $(‘form#internal_catalog’).change(function() { inventory_search(); }); }); function inventory_search() { var search_data = $(‘form#internal_catalog’).serialize(); var a = $.ajax({ type: ‘post’, url: ‘/test.php’, data: search_data, success: function(data) { $(‘#catalog’).html(data); } }); }

获取插入符号在textarea中的偏移位置（以像素为单位）: 在我的项目中，我试图以像素为单位在textarea中获得插入符号的偏移位置。可以这样做吗？在问这里之前，我已经经历过许多链接，尤其是Tim Down，但我找不到适用于IE8 +，Chrome和Firefox的解决方案。 Tim Down正在努力解决这个问题。我发现的其他一些链接有很多问题，比如找不到插入位置的顶部偏移量。我试图得到插入符号的偏移位置，因为我想在textarea中显示一个自动完成的建议框，方法是根据插入符的偏移位置进行定位。 PS：我不能使用contenteditable div因为我写了很多与textarea相关的代码。

如何获得textarea中的行数？: 我想要的是计算textarea中的行数，例如： line 1 line 2 line 3 line 4 最多可以计4行。基本上按一次输入会转移到下一行以下代码无效： var text = $(“#myTextArea”).val(); var lines = text.split(“\r”); var count = lines.length; console.log(count); 无论有多少行，它总是给出’1’。

在JavaScript中将String转换为XML文档: 在Ajax的jQuery示例页面上看到这个例子： var xmlDocument = [create xml document]; $.ajax({ url: “page.php”, processData: false, data: xmlDocument, success: someFunction }); 我如何使用如下字符串： var t = ‘something’; 并将其转换为XML DOM对象？跨浏览器？更新：请参阅karim79答案的评论。

如何在不浏览页面的情况下更改浏览器中的URL？: 我现在正在编写一个复杂的AJAX应用程序，整个站点都有干净的URL。目前，PHP为每个页面创建了基本布局，但是当用户点击链接时我不想离开每个页面，我不希望在URL中有哈希，因为它赢了“与网站的其余部分相适应。我知道这在网站之前已经出现了负载并且似乎很常见，但我想知道是否有一种简洁的HTML5方式只是在地址栏中出现更改URL，即使它在技术上保持相同页。

使用Javascript / Jquery禁用桌面Web浏览器中页面的缩放: 可能重复：如何在所有现代浏览器中检测页面缩放级别？ var obj=document.body; // obj=element for example body // bind mousewheel event on the mouseWheel function if(obj.addEventListener) { obj.addEventListener(‘DOMMouseScroll’,mouseWheel,false); obj.addEventListener(“mousewheel”,mouseWheel,false); } else obj.onmousewheel=mouseWheel; function mouseWheel(e) { // disabling e=e?e:window.event; if(e.ctrlKey) { if(e.preventDefault) e.preventDefault(); else e.returnValue=false; return false; } } 我正在开发一个Web应用程序，如果用户放大/缩小，所有ui元素的顺序将不正确。那么，有什么方法可以阻止它吗？我想到了某种方法，但它有可能吗？ 1）获取用户的屏幕分辨率。当窗口大小改变（宽度或高度）时，将窗口宽度/高度返回到屏幕宽度/高度。 2）将鼠标滚动事件或键盘事件绑定为空。（请参阅上面的演示代码），但如果用户单击浏览器并选择放大，该怎么办？谢谢