Tag: jQuery的

jquery：如何访问此输入值

演示： http ： //jsfiddle.net/mjmitche/sTzCS/39/ 我有这个表单，里面有一个无序列表。 我已将jquery的sortable（）函数附加到列表中，因此用户可以向上或向下移动表单元素以指示团队将完成的顺序，并且下面的jquery确定用户将它们放入的顺序。但是，我也是为每个列表元素创建一个输入字段，以便用户可以输入每个团队将获得的点数。 例如，用户可能会将Winnipeg移动到列表顶部，并在输入字段中输入值95。 因此，温尼伯将首先以95分结束（根据用户对球队积分榜的预测）。 我的问题是，如何以与团队相关联的方式访问每个表单元素的输入值。 例如，如果首先放置Winnipeg，则根据下面的代码，可以在数组的result[0]访问它。 但是，我不认为输入值是数组的一部分，所以我不知道如何访问它们。 我能够使用attribute.first访问第一个团队，但是即使输入值看起来像子元素，也无法获得执行attribute.first.child的点。 我最终希望能够将每个团队的位置编号（由排序位置确定）和点（由用户手动输入确定）保存到数据库中 html <form Canucks Toronto Montreal Ottawa Calgary Edmonton Winnipeg ​ 码 $(“#sortlist”).sortable({ stop: function(event, ui) { result = $(“#sortlist”).sortable(“toArray”); var attributes; attributes = { first: result[0], second: result[1], third: result[2], fourth: result[3], fifth: result[4], six: result[5], seventh: result[6] }; alert(attributes.first.child); } });​

切换function到点击事件的有限标签

我有10个盒子，我添加了切换function，通过添加“活动”类来选择框。 我想让用户只选择6个盒子。 当用户选择6个盒子时，它不允许选择其他工作正常的盒子。 我的问题是我想再次改变我的选择，但这不是让我这样做的。 下面是代码：` $(‘a’).click(function() { if ($(‘.active’).length < 6) { $(this).toggleClass('active') } else { alert('more then 6 selection not allowed') } }) `我想改变我的选择，但不要放手，因为条件是真的。 如何取消选中所选框，请帮忙！

谷歌地图加载显示错误

我正在使用谷歌地图我的一个网站。 为了显示地址和地图，我使用了gmap3插件 。 它在2天后工作正常。 但是当地图像这样加载时，它今天显示错误 NetworkError: 403 Forbidden – http://maps.googleapis.com/maps/api/js/GeocodeService.Search?4sbbsr&7sUS&9sen-US&callback=_xdc_._2cs449&token=63445 有人可以告诉我这里的问题是什么吗？

保持div打开，直到鼠标离开div

我有一个div，当链接hover时出现，问题是我希望div在鼠标hover在屏幕上并且只在mouseout上消失。 我无法让它工作，几乎一旦我将鼠标从链接上移开，div就会消失 任何有关这方面的帮助将不胜感激，我的代码如下 $(document).ready(function () { $(“.flyout”).hide(); $(“#Products”).hover(function () { $(“#productList “).show(); }), $(“.flyout”).mouseenter(function () { $(“#productList “).show(); }); $(“.flyout”).mouseleave(function() { $(” #productList”).hide(); }); }); .hidden { display: none; } .container { background-color: red; } .flyout { position: absolute; width: 900px; min-height: 450px; background: white; overflow: hidden; z-index: 10000; border-radius: 5px; border: 1px solid #E9ECEF; […]

如何在iframe中获取单击事件会在父框架中触发警报

我的页面上有几个嵌入式iframes ，我在ifram e中寻找一个点击事件来触发父帧的警报。 （iframe和父框架都是同一个域）。 iFrame HTML元素（iframe有一个class=”iframe1″ ： Trigger Parent Frame Alert iFrame jQuery： $(document).ready(function() { $(‘.button’).click(function() { window.parent.triggerAlert(); }); }); 父框架jQuery： $(document).ready(function() { function triggerAlert(){ alert(‘iFrame button has been clicked’); } }); 我认为我的父框架function不完整 – 并不完全确定iframe可以与父DOM通信？ 我之前尝试过这种替代方案，在父框架中没有运气： $(‘.iframe1’).contents().find(‘.button’).click(function () { alert(“iFrame button has been clicked”); });

jQuery $（window）.resize没有在jQuery插件中触发

我已经创建了一个自定义的jQuery插件，并且在插件中触发窗口resizefunction时遇到了问题。 把它打破了我所得到的基础知识，无法弄清楚为什么它没有解雇： ;(function ( $, window, document, undefined ) { $.fn.test = function(options) { $(window).resize(function() { alert(‘sdsd’); }); }; })(jQuery); $(function() { $(‘.element’).test(); });

Mouseout和mouseleave无法正常工作

嗨我正在使用mouseout和mouseleave方法，但两者都无法正常工作。 我试图解决它，但无法找到解决方案。 我的代码看起来很好，它没有错误所以我想知道为什么它不工作。 这是示例代码链接 $(“.chzn-select”).chosen() $(function(){ $(‘a’).click(function(){ $(‘.mydiv’).addClass(‘redbrd’) }) $(‘.redbrd’).live(‘mouseover’, function(){ var htm= ‘some text’ $(‘body’).append(htm) }) $(‘.redbrd’).live(‘mouseout’, function(){ $(‘#mmt’).remove() }) })

禁用/启用Jquery onClick函数

有没有办法’禁用’或’暂停’一个jquery .click函数，没有解除绑定？ 我想保留函数绑定，但不希望它触发。 然后，稍后，我想重新启用它。 在这种情况下，禁用被绑定的控件是不够的。

显示特定URL路径的div

我有一个网站，我需要为网站中的每个独特页面（大约25页）提供特定的标题div显示。 我已经创建了一组变量和一个非常长的if语句（下面简化 – 但运行大约25 if语句深）来运行该函数。 该function很有效，除了我有大约8个页面无法正常运行的问题。 问题：有没有比run-on if语句更好的方法来实现它？ 基本代码： var landing = “/home”; var information = “/information”; var bell = “/information/bell”; $(function(){ if (location.pathname.search(landing)!=-1){ $(‘.landing’).show(); } else { if (location.pathname.search(information)!=-1){ $(‘.information’).show(); } else { if (location.pathname.search(bell)!=-1){ $(‘.bell’).show(); } else { $(‘.landing’).show(); } } } });

如何根据使用jQuery的单选按钮切换清除div中的输入？

我有一个表单，用户可以保存并返回编辑。 我对表格有疑问，根据用户对上一个问题的回答，将div（ class = “details ）与其他问题进行切换。这些问题类型有多种。 我希望详细信息div中的子问题的答案能够清除用户是否选择“否”（当子问题切换为隐藏时）。 我如何将其实现到现有代码中？ 示例： http ： //jsfiddle.net/XVtB8/1 jQuery的： $(‘.toggle’).on(‘change’,function(){ var showOrHide = false; $(this).siblings(‘input[type=radio]’).andSelf().each(function() { if ($(this).val() == 1 && $(this).prop(“checked”)) showOrHide = true; }) $(this).parent().next(‘#details’).toggle(showOrHide); }).change() HTML： Select #1: No Yes Select #2: No Yes Select #3: No Yes Select #3: No Yes