小编Jas*_*per的帖子

我有一个像这样的字符串:

var str = "I'm a very^ we!rd* Str!ng.";

我想要做的是从上面的字符串中删除所有特殊字符并替换空格,以防它们被键入,下划线,带有 - 字符.

在"转换"之后,上面的字符串看起来像这样:

var str = 'im-a-very-werd-strng';

我有一个像这样的对象:

Object
    id: "myid"
    token: "sometoken"

我需要构建一个HTTP查询字符串并得到这样的东西:

http://domain.com/file.html?id=myid&token=sometoken

我有什么想法可以做到这一点？

我有一个很大的问题:我有一个listview和每个项链接到页面#concorsi.当我点击链接时,URL成为#concorsi?numero=1因为我从JSON中获取表单号1.

当我第一次点击它一切都好.每个输入都是用jQuery Mobile类可视化的,但是如果我回来并进入相同的链接后代码不会刷新.标题很好地可视化但内容没有.如何强制刷新div内容？

这些是我的JavaScript函数:

<script type="text/javascript">
$(document).bind( "pagebeforechange", function( e, data ) {
    // We only want to handle changePage() calls where the caller is
    // asking us to load a page by URL.

    if ( typeof data.toPage === "string" ) {
        // We are being asked to load a page by URL, but we only
        // want to handle URLs that request the data for a specific

        var u = $.mobile.path.parseUrl( data.toPage ), …

我正在使用PhoneGap和jQuery Mobile开发应用程序.

现在当页面加载然后我想加载一个script(.js file).基本上onDeviceReady或$(document).ready().怎么做？

有没有人知道任何其他方法来捕获扩展或折叠标记data-role="collapsible"除了onclick标题事件之外的组件的事件？

编辑:我想要某种事件,它还将提供有关组件的扩展/折叠状态的信息.

我有一个jQuery Mobile + phonegap的项目,我的页脚和内容div有一些问题.

一个基本的jQuery Mobile页面如下所示:

<div data-role="page" data-theme="b" id="map">

    <div data-role="header" data-theme="b" data-position="inline">
        <a href="#" data-rel="back" data-icon="arrow-l">Back</a>
        <h1>MAP</h1>
    </div><!-- /header -->

    <div data-role="content" id="map_canvas">
    </div><!-- /content -->

    <div data-role="footer" data-theme="d">
        <h4>TEST</h4>
    </div><!-- /footer -->
</div><!-- /page -->

现在我正在尝试在内容中加载谷歌地图,所以我在JavaScript中使用它:

$('div').live("pageshow", function()
{
    var myOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions); 
}

这就是结果:

问题是,除非您指定如下属性,否则页脚不会粘到底部data-position="fixed":

<div data-role="footer" data-theme="d" data-position="fixed">
    <h4>TEST</h4>
</div><!-- /footer -->

这很好,但问题是地图是在jquery mobile加载到底部之前加载的,因此我有这个页面:

您只能使用在移动到底部之前留下的空间来查看地图的位置.

我的问题是..我应该等待什么事件,或者我需要添加到我的代码中以加载地图以便它将使用页眉和页脚之间的所有空间？

我试图使用jQuery填写一些默认值的表单.

表单包含在具有id的div中.事实上,每个元素都有一个id,我这样做只是为了能够使用$("#id")语法快速选择表单的每一部分.
这是表格:

<div id="panel" style="position: absolute; left: 190px; top: 300px; width: 400px; height: 300px; border: medium groove brown; background: none repeat scroll 0% 0% black; z-index: 100; color: white;"><form id="form_coord_0">  
X <input type="text" style="height: 25px; font-size: 10px;" size="2" name="X" id="coordX_0"/>  
Y <input type="text" style="height: 25px; font-size: 10px;" size="2" name="Y" id="coordY_0"/>  
<input type="button" id="edit_0" value="M"/>  
<input type="button" id="remove_0" value="-"/>  
<input type="button" id="add_0" value="+"/>  
<input type="button" id="go_0" value="go!"/>  
<br/>  
</div>  

我需要设置coordX_0一些值的文本字段,让我们说:123.

我以为我能做到

$("#coordX_0").text.value = 123; …

在调试时,我总是使用Firebug并尝试调用函数并显示变量.但是当我在函数或变量中定义时,我不能$(document).ready.

我如何访问这些变量？我可以输入类似命名空间的内容,document.ready.variableName或者我怎么能看到这个？

先感谢您.

我正在使用jquery Mobile 1.0.

我有这个HTML代码.

<label for="slider" class="ui-hidden-accessible">
    Input slider:
</label>
<input type="range" name="slider"   id="@(Model.QuestionNo)_slider" value="25" min="0" max="100" />

它的渲染如下:

但我想删除红色标记的部分.我想只显示滑块部分.

如何才能做到这一点？

在过去的一天里,我一直试图弄清楚如何在移动Safari中查看时更改jQuery移动页面上的最小高度样式.我试过,内联样式,覆盖ui页面样式,还没有找到一种方法来覆盖data-role ="page"的高度.理想情况下,如果页面"内容"小于"页面"高度,我希望"页面"高度自动调整为"内容".我附上了一个插图,以便更好地解释这个问题.

<div data-role="page">
     <div data-role="header">
             Header Elements
     </div>
     <div data-role="content" class="homeNav">
            <ul data-role="listview" data-inset="false" data-filter="false">
                <li><a href="expertise.html">Expertise</a></li>
                <li><a href="greatesthits.html">Greatest Hits</a></li>
                <li><a href="profile.html">Profile</a></li>
                <li><a href="mindset.html">Mindset</a></li>
                <li><a href="connect.html">Connect</a></li>
             </ul>  
     </div><!-- /content -->

     <div data-role="footer" data-position="fixed">
             Footer elements
     </div><!-- /footer -->
</div><!-- /page -->