标签: jquery-mobile

我已将jQuery实时点击事件替换为jQuery移动点击事件以提高响应速度.

我有一种感觉,出于兼容性原因这是一个坏主意.

是否有必要同时拥有这两个事件,有没有办法为同一个函数编写它们？

如('点击','点击')

我已经构建了一个webapp,为了进行一些改进,我想添加mousedown和mouseup处理程序来交换图像(在这种情况下,使按钮看起来像是被按下了).

我的代码是这样的:

window.onload = function() {
    //preload mouse down image here via Image()
    $("#button_img").mousedown(function(){$("#button_img").attr("src","button_on.png");});
    $("#button_img").mouseup(function(){$("#button_img").attr("src","button_off.png")});
}

这在桌面上游戏,但在移动设备上(在iOS Safari中测试),mousedown和mouseup事件同时发生,因此实际上没有任何反应.

我试图在jQueryMobile中使用vmousedown和vmouseup事件,但是这段代码:

//include jquerymobile.js and jquerymobile.css 
window.onload = function() {
    //preload mouse down image here via Image()
    $("#button_img").vmousedown(function(){$("#button_img").attr("src","button_on.png");});
    $("#button_img").vmouseup(function(){$("#button_img").attr("src","button_off.png")});
}

刚刚给了我vmousedown和vmouseup不存在的错误.此外,jQueryMobile会覆盖我已经为该页面编写的CSS.

那么有没有办法让vmousedown和vmouseup工作,并且没有jQuery Mobile的CSS这样做？

我使用Phonegap为Android和iPhone等移动设备创建了一个fullcalendar应用程序.我正在使用Jquery Touch Punch插件和Jquery fullcalendar插件.fullcalendar的'select'方法在网上运行良好.我可以在Web浏览器上的完整日历的月视图中选择多个单元格.但是,在原生的android/iPhone应用程序上,我无法选择日历的多个单元格(日期范围).所有这一切都发生在我单击单元格以选择日期范围时,然后在允许我在设备上选择多个日期之前触发"选择"方法.反正有没有克服这个问题？先感谢您.这是Jsfiddle.

示例代码:

// FullCalendar v1.5
// Script modified from the "theme.html" demo file

$(document).ready(function() {    
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month'
    },
    editable: true,
    disableDragging: true,
    disableResizing: true,
    droppable: true,
    drop: function( date, allDay, jsEvent, ui ){
       console.log(jsEvent);
       console.log(ui);
    },
    // add event name to title attribute on mouseover
    eventMouseover: …

在Rails中使用link_to帮助程序时,如何向链接添加其他内容？

link_to "Stephen Weber", "index.html"

创造了这个:

<a href="index.html">Stephen Weber</a>

但是,如果我想创建它呢？

<a href="index.html">
    <h3>Stephen Weber</h3>
    <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
    <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
    <p class="ui-li-aside"><strong>6:24</strong>PM</p>
</a>

我正在玩jQuery Mobile,这就是格式化列表中内容所需要的.

jQueryMobile:

在简单的列表视图中,我有以下内容:

<li><a>SOME TEXT</a></li>

显示右箭头的数据图标.

我怎么没有显示数据图标？

如何重定向另一个页面并从表中传递url中的参数？我在tornato模板中创建了这样的东西

<table data-role="table" id="my-table" data-mode="reflow">
    <thead>
        <tr>
            <th>Username</th>
            <th>Nation</th>
            <th>Rank</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        {% for result  in players %}
        <tr>
            <td>{{result['username']}}</td>
            <td>{{result['nation']}}</td>
            <td>{{result['rank']}}</td>
            <td><input type="button" name="theButton" value="Detail"
                       ></td>
        </tr>
    </tbody>
    {% end %}
</table>  

我希望当我按下细节重定向/player_detail?username=username 并显示该播放器的所有细节时.我尝试使用href="javascript:window.location.replace('./player_info');"内部输入标记,但不知道如何将结果['用户名']放入.如何做到这一点？

我使用$ .mobile.changepage在我的phonegap + jquerymobile项目中进行重定向.然而令我困惑的是,我需要将所有页面的脚本放到同一个文件index.html中.如果没有,重定向页面不能在其标题中执行该功能.

例如,我的index.html似乎是 $(document).bind("deviceready",function(){$.mobile.changepage("test.html");})

然后,我的设备将重定向到test.html,这似乎是

$("#btnTest").click(function(){alert("123");})
<button id="btnTest">Test</button>

但是,该脚本永远不会在test.html中执行.然后我把脚本放到index.html,我期望完成.无论如何,如果我将所有脚本放在同一页面上,项目将变得越来越难以保存.感谢您的帮助.

我试图控制后退按钮,但我不能.在这里;

控制硬件后退按钮jquery mobile

  event.keyCode == 27 //thats for escape 
  event.keyCode == 8 //thats for backspace..its also working on browser but it doesnt work on my tablet.

有什么建议？？

我们有一个基本上有一个UIWebView的应用程序,在XCode中设置为"iPhone App".

到目前为止一切工作正常,但使用iOS 7 iPad模拟器,应用程序现在立即显示在"全屏",这不会是问题,但WebView似乎也放大了.

我只看到加载的网站的右上角1/4,必须滚动查看其余部分.

我们在应用程序中使用jQuery mobile 1.3.1.

编辑

我发现了错误.看来,视口元元素的语义在iOS版本之间发生了变化.

更改

<meta name="viewport" content="width=device-width, initial-scale=1">

至

<meta name="viewport" content="initial-scale=1">

为我工作,但我不确定这是否是要走的路,因为jQuery Mobile Demo Page确实将设置为设备.当我从UIWebView加载Demo-Page时,我得到了同样的效果.

是否有关于设置视口的"正确方法"的信息,特别是因为演示页面使用width = device-width

我正在阅读$.mobile.changePage已被弃用的文档.

但它并没有说赞成什么,或者我可以用什么代替.

是否有新的API文档页面？

我曾经使用$.mobile.changePage("index.html", {reloadPage:true});但似乎添加reloadPage:true了分页符