Javascript 在Jquery Mobile中读取URL参数
带有列表视图的Jquery移动表单的格式如下Javascript 在Jquery Mobile中读取URL参数,javascript,jquery,jquery-mobile,mobile,get,Javascript,Jquery,Jquery Mobile,Mobile,Get,带有列表视图的Jquery移动表单的格式如下 <div data-role="page" id="arealistpage"> <div data-role="header" data-theme="b"> <h1>Area</h1> <a href="../MenuePages/Dictionaries.aspx" class='ui-btn-left ui-btn-back' data-icon='a
<div data-role="page" id="arealistpage">
<div data-role="header" data-theme="b">
<h1>Area</h1>
<a href="../MenuePages/Dictionaries.aspx" class='ui-btn-left ui-btn-back' data-icon='arrow-l' rel="external">Back</a> <!-- your button to go back to index.php#user page -->
<a href="AddArea.aspx" data-role="button" data-icon="plus" data-theme="d" style="float:left;" rel="external" data-transition="slide">Add</a>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-filter="true" id="areaList" data-split-icon="gear" data-split-theme="d">
<li><a href="#dialog?AreaNo=1" data-rel="dialog" data-transition="pop">Test</a><a class="deleteMe"></a></li>
</ul>
</div><!-- /content -->
<div data-role="footer" data-theme="b" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="" data-role="tab" data-icon="arrow-u" class="returnTopAction">Top</a></li>
</ul>
</div>
</div>
<!-- /content -->
</div><!-- /page -->
<div data-role="page" id="dialog">
<div data-role="header" data-theme="b">
<h1>Options</h1>
</div>
<ul data-role="listview" data-inset="false"
data-theme="c">
<%-- <li data-role="divider" data-theme="a">Options</li>--%>
<li data-icon="false"><a>Edit</a></li>
<li data-icon="false"><a>Delete</a></li>
<li data-icon="false"><a>...</a></li>
</ul>
</div>
地区
选择权
编辑
- 删除
我需要打开“dialog”div作为listview行上的对话框,然后单击
从对话框中读取url参数。我要拿到区域号
参数,并将其传递到open中的编辑url
对话目前我无法打开该对话框,它无法工作。
请帮助我,并为糟糕的英语道歉我将您的html更改如下
<div data-role="page" id="arealistpage">
<div data-role="header" data-theme="b">
<h1>Area</h1>
<a href="../MenuePages/Dictionaries.aspx" class='ui-btn-left ui-btn-back'
data-icon='arrow-l' rel="external">Back</a>
<!-- your button to go back
to index.php#user page --> <a href="AddArea.aspx" data-role="button" data-icon="plus" data-theme="d"
style="float:left;" rel="external" data-transition="slide">Add</a>
</div>
<!-- /header -->
<div data-role="content">
<div id="primaryList">
<ul data-role="listview" data-inset="true" data-theme="c" data-filter="true"
id="areaList" data-split-icon="gear" data-split-theme="d" id='dialogListView'>
<li><a href="#dialog" data-rel="dialog" data-transition="pop" data-areano="1">Test</a>
<a
class="deleteMe"></a>
</li>
</ul>
</div>
</div>
<!-- /content -->
<div data-role="footer" data-theme="b" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="" data-role="tab" data-icon="arrow-u" class="returnTopAction">Top</a>
</li>
</ul>
</div>
</div>
<!-- /content -->
</div>
<!-- Dialog Page -->
<div data-role="page" id="dialog">
<div data-role="header" data-theme="b">
<h1>Options</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="false" data-theme="c">
<!-- <li data-role="divider" data-theme="a">Options</li>-->
<li data-icon="false"><a>Edit</a>
</li>
<li data-icon="false"><a>Delete</a>
</li>
<li data-icon="false"><a>...</a>
</li>
</ul>
</div>
</div>
现在,您可以使用会话存储变量sessionStorage.areaNo
在整个应用程序中访问区号。阅读更多关于
这是一把可以使用的小提琴如果您仍在努力解决这个问题,我创建了一个可以帮助您的小提琴。
$('div[id="primaryList"] ul[data-role="listview"] a').live("click", function () {
var areaNo = $(this).data("areano");
sessionStorage.areaNo = areaNo;
alert("area no : " + sessionStorage.areaNo);
});