Javascript 从jqm 1.0.1和jquery 1.6.4升级到jqm 1.3.2和jquery 1.9.1会破坏我的弹出窗口
我正在尝试将一个运行在1.0.1和jquery 1.6.4版本上的旧jquery移动站点升级到最新版本,并且在替换某些使用select弹出按钮的jquery部分时遇到问题。 以下是旧版本中生成的HTMLJavascript 从jqm 1.0.1和jquery 1.6.4升级到jqm 1.3.2和jquery 1.9.1会破坏我的弹出窗口,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我正在尝试将一个运行在1.0.1和jquery 1.6.4版本上的旧jquery移动站点升级到最新版本,并且在替换某些使用select弹出按钮的jquery部分时遇到问题。 以下是旧版本中生成的HTML <div class="ui-selectmenu ui-overlay-shadow ui-corner-all ui-body-a pop in" style="top: 30px; right: 30px;">
<div class="ui-selectmenu ui-overlay-shadow ui-corner-all ui-body-a pop in" style="top: 30px; right: 30px;">
<div class="ui-header ui-bar-a">
<h1 class="ui-title">Search Results</h1>
<a class="ui-btn-left ui-btn ui-btn-up-a ui-btn-icon-notext ui-btn-corner-all ui-shadow" href="#" data-iconpos="notext" data-icon="delete" title="Close" data-theme="a" style="display: none;">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Close</span>
<span class="ui-icon ui-icon-delete ui-icon-shadow"></span>
</span>
</a>
</div>
<ul id="action_menu-menu" class="ui-selectmenu-list ui-listview" role="listbox" aria-labelledby="action_menu-button" data-theme="a">
<li class="ui-selectmenu-placeholder ui-btn ui-btn-up-a ui-btn-icon-right ui-li ui-btn-active" data-icon="false" data-option-index="0" role="option" tabindex="0" data-theme="a" aria-selected="true">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit" href="#">Search Results</a>
</div>
</div>
</li>
<li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="1" role="option" tabindex="-1" data-theme="a" aria-selected="false">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit" href="#">Home</a>
</div>
</div>
</li>
<li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option" tabindex="-1" data-theme="a" aria-selected="false">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit" href="#">Email</a>
</div>
</div>
</li>
</ul>
</div>
搜索结果
-
-
下面是我当前代码生成的HTML
<div id="action_menu-listbox-screen" class="ui-popup-screen in"></div>
<div id="action_menu-listbox-popup" class="ui-popup-container ui-popup-active" style="max-width: 1564px; top: 30.0001px; left: 14px;" tabindex="0">
<div id="action_menu-listbox" class="ui-selectmenu ui-popup ui-body-a ui-overlay-shadow ui-corner-all">
<div class="ui-header ui-bar-a">
<h1 class="ui-title">Search Results</h1>
</div>
<ul id="action_menu-menu" class="ui-selectmenu-list ui-listview" role="listbox" aria-labelledby="action_menu-button" data-theme="a" data-divider-theme="b">
<li class="ui-selectmenu-placeholder ui-btn ui-btn-up-a ui-btn-icon-right ui-li ui-first-child" data-option-index="0" data-icon="false" data-placeholder="true" role="option" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="a" aria-selected="false">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit" href="#" tabindex="-1">Search Results</a>
</div>
</div>
</li>
<li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-option-index="1" data-icon="false" role="option" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="a" aria-selected="false">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit" href="#" tabindex="-1">Home</a>
</div>
</div>
</li>
<li class="ui-btn ui-btn-icon-right ui-li ui-last-child ui-btn-up-a" data-option-index="2" data-icon="false" role="option" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="a" aria-selected="false">
<div class="ui-btn-inner ui-li">
<div class="ui-btn-text">
<a class="ui-link-inherit" href="#" tabindex="-1">Email</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
搜索结果
-
-
-
我没有改变旧的代码,除了javascript,它有一个live方法,我正在努力完全理解和替换它。具体如下
<script type="text/javascript">
$(document).bind("mobileinit", function(){
$.mobile.listview.prototype.options.theme= "c";
$.mobile.defaultTransition = 'none';
$.mobile.pushStateEnabled = false;
$.extend( $.mobile , {
ajaxFormsEnabled : false,
ajaxLinksEnabled : false,
ajaxEnabled:false,
// loadingMessage: false
});
});
</script>
<script src="</jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
<%--Script added by B37914 for CR43399 on 7th March,2012--%>
<script src="/m_alert.js" type="text/javascript"></script>
<script src="/m_common.js" type="text/javascript"></script>
<script>
var mobileMainViewUrl = 'http;//www.yahoo.com';
var urlForEmailAction = document.location.href;
$('#header-logo').click(function(){alert("this is the header alert");});
$(document).bind("mobileinit", function(){
$.mobile.defaultTransition = 'none';
});
**
$(document).bind(“mobileinit”,function(){
$.mobile.listview.prototype.options.theme=“c”;
$.mobile.defaultTransition='none';
$.mobile.pushStateEnabled=false;
$.extend($.mobile,{
ajaxFormsEnabled:错误,
ajaxLinksEnabled:错误,
ajaxEnabled:false,
//加载消息:false
});
});
var mobileMainViewUrl='http//www.yahoo.com';
var urlForEmailAction=document.location.href;
$(“#标题徽标”)。单击(函数(){alert(“这是标题警报”);});
$(document).bind(“mobileinit”,function(){
$.mobile.defaultTransition='none';
});
**
$(“选择[id='action\u menu'])。live(“更改”,actionHandler)强>
**
$(文档).ready(函数(){
if($(($(li[class*='ui-btn-icon-right']))=null){
$(“li[class*='ui-btn-icon-right'])。每个(函数(ind,elm){
var anch=$(this.find)([class*='ui-link-inherit']);
var arrowIcn=$(elm).find(“span[class='ui-icon ui-icon-arrow-r ui-icon-shadow']”;
如果(anch!=null&&arrowIcn!=null){
$(如箭头所示)。附录(anch);
}
});
}
});
功能showActionMenu(assetId,assetType){
var language=document.getElementById(“m_lang”).value;
var pageTitle=$('title').html();
pageTitle=pageTitle。替换(“&;”、“和”);
pageTitle=pageTitle.replace(“amp;”,“”);
pageTitle=pageTitle。替换(“&”、“and”);
//由b36050更改
$(document).ready(function(){
if($("li[class*='ui-btn-icon-right']")!=null){
$("li[class*='ui-btn-icon-right']").each(function(ind,elm){
var anch=$(this).find("a[class*='ui-link-inherit']");
var arrowIcn=$(elm).find("span[class='ui-icon ui-icon-arrow-r ui-icon-shadow']");
if(anch !=null && arrowIcn!=null){
$(arrowIcn).appendTo(anch);
}
});
}
});
function showActionMenu(assetId,assetType){
var language=document.getElementById("m_lang").value;
var pageTitle = $('title').html();
pageTitle = pageTitle.replace("&","and");
pageTitle = pageTitle.replace("amp;","");
pageTitle = pageTitle.replace("&","and");
//changed by b36050 for cr-48634 on 17 jan 2013
callActionButton('action_menu',pageTitle,urlForEmailAction,true,assetId,assetType,deleteFavorite,language);
}
</script>
$(document).ready(function(){
var mobileMainViewUrl = "http://www.yahoo.com";
var urlForEmailAction = document.location.href;
var deleteFavorite = "";
$('select').on('change', actionHandler);
});