jQuery click事件在移動Firefox中不起作用

Question

我有一個導航菜單，當單擊一個元素時，該菜單顯示和隱藏在移動設備上。 除了Samsung Galaxy 3上的Firefox，它在所有地方都可以使用。以下是HTML：

<nav id="nav" role="navigation">
  <ul>
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
  Etc . .
  </ul>
 </nav>
 <div id="nav-arrow">&#9660;</div>

附加了click事件的元素是“ nav-arrow”。 這是jQuery：

$("#nav-arrow").click(function() {
        if ($("#nav").is(":visible")) {
            $("#nav").slideUp(800, function() {
                $("#nav-arrow").html("▼");
            }); 
        } else {
            $("#nav").slideDown(800, function() {
                $("#nav-arrow").html("▲");
            });             
        }
    });

容器具有display：none屬性，直到單擊導航箭頭。 誰能幫助我在移動Firefox上運行該軟件？

Answer 1

jQuery Mobile需要使用“委托”方法：

$(document).delegate('#nav-arrow', 'click', function () {
    if ($("#nav").is(":visible"))
    {
        $("#nav").slideUp(800, function()
        {
            $("#nav-arrow").html("▼");
        }); 
    }
    else
    {
        $("#nav").slideDown(800, function()
        {
            $("#nav-arrow").html("▲");
        });
    }    
});