Estou usando o jQuery-ui arrastável e droppable no meupágina. basicamente, estou implementando um acordeão, onde você pode arrastar um item de uma seção e soltar em outra. Não uso o acordeão jquery-ui - simplesmente quero revelar a seção relevante e ocultar as outras quando for a hora certa ( quando você passa o mouse sobre o cabeçalho de uma seção enquanto arrasta). O problema que estou enfrentando é que o evento de foco não parece funcionar enquanto arrasta. a segunda coisa que tentei foi definir os cabeçalhos de seção como descartáveis e implementar a função de retorno de chamada "over" .O problema é que parece haver um problema com o local descartável dinâmico - quando o cabeçalho da seção se move (por exemplo, a seção acima, foi revelado e pressionado o cabeçalho da seção abaixo), o local de droppable permanece no mesmo local alguma ideia ?
Respostas:
0 para resposta № 1Você pode alterar sua interface do usuário para que as partes que permitem alterar as seções não se movam.
Portanto, você pode ter alguns links ou guias de navegação, pois eles serão estáticos. Um usuário arrasta um item sobre a guia, a nova guia agora é aberta e pode soltá-lo no local correto.
0 para resposta № 2
aqui está como eu resolvi isso:
- defina {refreshPostions: true} nas opções arrastáveis (isso prejudica um pouco o desempenho, mas não vi outra maneira)
- definido no droppable:
over: function () {$ ("# accordion"). accordion ("ativar", $ ("# accordion .header"). index (this))