0

我知道添加这个问题对于任何想要回答的人来说都是一个很长的问题，因为我必须遍历我所有的 JQuery 脚本来解决我目前遇到的任何问题，但是我不知道还能去哪里找。

实时视图： https ://tornhq.com/WorkingOn/Account/Management/PageBuilder/box.html

我最近实现了，所以当你实现另一个下拉菜单时，你可以有多个下拉菜单，只需稍作修改，但是我在执行以下操作时遇到了一些问题；

  • 点击输入框后：
    • 另一个输入字段在鼠标悬停效果上丢失
    • 将鼠标悬停在您选择的输入字段的下拉菜单上后，样式将恢复
  • 单击一个输入字段后，它会下拉，但下拉内容然后单击另一个输入字段会损坏。

这是我的第一个真正的 JQuery 脚本，而我所做的其他任何事情主要是来自这里和那里的片段等等。我不知道如何解决这些问题，此刻我完全不知所措。

非常感谢您花时间提供帮助以及您提供的任何帮助和/或建议，

最好的祝福，

蒂姆

4

1 回答 1

1

你是对的，这里发生了很多事情......

1）为什么在本质上做同样事情的同一个选择器上的 mousedown 和 click 事件处理程序？

2）而不是 mouseover 和 mouseout，我可能会使用悬停，或者仅当您所做的只是修改 CSS 时才尝试使用 CSS。

3) 变量状态 = 假；第 85 行是全局的，不能被多个对象唯一使用。如果您需要在单个元素上设置一些状态属性，请改用元素的 data 属性。

4) 请记住，当使用 jQuery 时，您通常会处理一组匹配的元素，而不仅仅是一个。所以你需要确保你正在处理你想要的一个元素。

5）只是我如何编写代码的一部分的一个例子：

代替：

    $('.Row1 input:text').mouseover(function () {
        var thisParent = $(this).parent().attr("id");
        if (!FZTxtInputState) {
            $("#" + thisParent + " .DropBtn").css({

我会：

        $('.Row1 input:text').mouseover(function () {
            if (!FZTxtInputState) {
                $(this).closest(".DropBtn").css({

这不会解决你所有的问题，但我至少可以看到你正在尝试学习 jQuery！

于 2013-04-08T20:00:28.263 回答