Javascript 带按钮的水平滚动

我需要制作一个简单的按钮水平滚动，但我无法使其工作，例如：

我正在使用jquerymobile1.4为手机制作一个应用程序，按钮是用javascript动态插入的

下面是我正在使用的一个例子：由这个问题提供

这就是我此刻所拥有的：

css:

HTML:

要插入按钮，请执行以下操作：

var $horizontalList = document.getElementById("containerID");

            for (var i = 0; i < results.index.length; i++) {
                var row = results.index[i];

                console.log("index = " + row);

                var divForButtons = document.createElement("div");

                var buttonAnchor = document.createElement("a");

                divForButtons.setAttribute("class", "categoryContainer");
                divForButtons.setAttribute("id","categoryContainerID");

                buttonAnchor.setAttribute("href", "");
                buttonAnchor.setAttribute("data-id",row);
                buttonAnchor.setAttribute("class","menuItemRest");
                buttonAnchor.setAttribute("id","categoryButton");

                buttonAnchor.textContent = row;

                divForButtons.appendChild(buttonAnchor);

                $horizontalList.appendChild(divForButtons);
            }

var$horizontalList=document.getElementById（“containerID”）；
对于（var i=0；i

您到底在哪里需要帮助？用您的代码在JSFIDLE上做个例子问题是它不会滚动：）类似这样的：？

<div id="overflow">
            <div id="containerID" class="container">

            </div>
        </div>

  $('#currentorders').live("pageshow", function () {
             var width = 0;
             $('#overflow .container div').each(function () {
                 width += $(this).outerWidth(true);
             });
             $('#overflow .container').css('width', width + "px");
         })

         $("#overflow .container div a").live('touchstart', function () {
             var width = 0;
             $('#overflow .container div').each(function () {
                 width += $(this).outerWidth(true);
             });
             $('#overflow .container').css('width', width + "px");
         })

var $horizontalList = document.getElementById("containerID");

            for (var i = 0; i < results.index.length; i++) {
                var row = results.index[i];

                console.log("index = " + row);

                var divForButtons = document.createElement("div");

                var buttonAnchor = document.createElement("a");

                divForButtons.setAttribute("class", "categoryContainer");
                divForButtons.setAttribute("id","categoryContainerID");

                buttonAnchor.setAttribute("href", "");
                buttonAnchor.setAttribute("data-id",row);
                buttonAnchor.setAttribute("class","menuItemRest");
                buttonAnchor.setAttribute("id","categoryButton");

                buttonAnchor.textContent = row;

                divForButtons.appendChild(buttonAnchor);

                $horizontalList.appendChild(divForButtons);
            }