Question

我在我的网站（http://www.simpleprods.com）上添加了对Jquery Mobile的引用，以获取事件vmousedown，vmouseup等。我只需要那些，虽然JQuery mobile烦人地在我的网页上添加了一些丑陋的自动加载消息。它是100％来自JQuery手机。 我只想要vmousedown，vmouseup和vmousemove，我不需要任何加载消息和那个橙色框。我已经找到了如何取消消息但橙色框无法摆脱。

任何人都知道该怎么办？ 如果有人能告诉我如何在没有JQuery mobile所有其他东西的情况下获得vmousedown，vmouseup和vmousemove，我将很高兴...

Answer 1

您可以重建jQuery Mobile框架，使其只具备您需要的功能。

访问此网站：

http://jquerymobile.com/download-builder/

选择

虚拟鼠标（vmouse）绑定

之后，只需点击构建我的下载。

示例：

<!DOCTYPE html>
<html>
<head>
    <title>jQM Complex Demo</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script type="text/javascript" src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>   
    <script src="jquery.mobile.custom.js"></script> 
    <script>
        $(document).on('vmousedown', '[data-role="content"]', function(){       
            alert('asdas');
        }); 
    </script>   
</head>
<body>
    <div data-role="page" id="index">
        <div data-theme="a" data-role="header">
            <h3>
                First Page
            </h3>
        </div><p></p>

        <div data-role="content" style="height: 100px; width: 500px; background: #aabbcc;">
            <div data-role="popup" id="initialpopup" data-overlay-theme="a" data-theme="a">Foobar</div>
        </div>

        <div data-theme="a" data-role="footer" data-position="fixed">

        </div>
    </div>   
</body>
</html>

您只需要在构建工具中提供 jquery.mobile.custom.js 文件。

Answer 2

确保您没有在<body>标记中包含脚本。这可能导致加载标记出现时不应该出现。

JQuery Mobile自动添加奇怪的加载消息

2 个答案: