选择列表悬停下拉列表?

时间:2017-02-15 15:45:06

标签: javascript jquery html

我正在查看答案:jQuery Drop Down Hover Menu

首先,非常感谢那里提供的答案。我能够在不断发展的工作中实现这一点,我用它来为用户提供更简单的工作方式。

但是,我有一个问题,我不想在之前的论坛上列出答案......这不是论坛应该如何使用。

在这个工具(我上面提到过)上,这个工具中还有一些<select>下拉列表,用户已声明他们希望鼠标悬停时下拉列表。所以我修改了这段代码来表明:

$(".DDM").hover(function() {
  $(this).find('ul, select').stop(true, true).slideDown('medium');
}, function() {
  $(this).find('ul, select').stop(true, true).slideUp('medium');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="DDM">
  <select class="DDM">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</div>

它没有用,所以我想我的第一个问题是:是否可以在不改变从<select><li>的情况下进行选择列表悬停下拉菜单

2 个答案:

答案 0 :(得分:1)

您可以获取项目数量并调整大小:

#include <stdio.h>
#include <stdlib.h>
#include <unistd.h>
#include <sys/types.h> 
#include <sys/socket.h>
#include <netinet/in.h>
#include <netdb.h>
#include <arpa/inet.h>
#include <err.h>

char response[] = "HTTP/1.1 200 OK\r\n"
"Content-Type: text/html; charset=UTF-8\r\n\r\n"
"test\r\n";

int main()
{
  int one = 1, client_fd;
  struct sockaddr_in svr_addr, cli_addr;
  socklen_t sin_len = sizeof(cli_addr);

  int sock = socket(AF_INET, SOCK_STREAM, 0);
  if (sock < 0)
    err(1, "can't open socket");

  setsockopt(sock, SOL_SOCKET, SO_REUSEADDR, &one, sizeof(int));

  int port = 81;
  svr_addr.sin_family = AF_INET;
  svr_addr.sin_addr.s_addr = INADDR_ANY;
  svr_addr.sin_port = htons(port);

  if (bind(sock, (struct sockaddr *) &svr_addr, sizeof(svr_addr)) == -1) {
    close(sock);
    err(1, "Can't bind");
  }

  listen(sock, 5);
  while (1) {
    client_fd = accept(sock, (struct sockaddr *) &cli_addr, &sin_len);
    printf("got connection\n");

    if (client_fd == -1) {
      perror("Can't accept");
      continue;
    }

    write(client_fd, response, sizeof(response) - 1); /*-1:'\0'*/
    close(client_fd);
  }
}

如果选项太多,您可能需要限制尺寸。

答案 1 :(得分:0)

是的,通常您会看到使用<ul><li>标记创建的下拉菜单,但<div><select>(带调整)可以提供相同的功能。你应该选择一种方法并坚持下去,直到你有更多这种交互的经验。尝试,

 $(".myClass").on( {
    'mouseenter':function() { $('#myMenu').slideToggle(); },
    'mouseleave':function() { $('#myMenu').slideToggle(); }
});

这会切换包含子元素的下拉列表。