小编Gui*_*ois的帖子

在Chrome和Firefox中一切正常,但猜猜是什么,我在IE中遇到了问题!(IE11)

在我的响应式布局中,我希望菜单在PC模式下是水平的,在平板电脑/移动模式下是垂直的.它确实如此,但在IE中,菜单项没有高度.如果使用开发人员工具进行检查,它们都会折叠到0高度.我找不到原因.

任何人都有想法？

我为它做了一个codepen:http://codepen.io/Reblutus/pen/qjacv

这是代码

<style>
header {  background: cyan;}
nav {  background: bisque;}
.main-a {  background: tomato;}
.main-b {  background: lightblue;}
footer {  background: lightpink;}

.headerContainer nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-direction: column;
}

.headerContainer nav > a {
  padding: 5px 10px;
  text-align: center;
  background: #fcd113;
  border: #6eac2c solid 1px;
  border-width: 0 0 1px;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media all …

这是我的问题.我的索引中有一些硬编码的伪页面.一些填充了内容,一些空的,只有ajax才会填充用户交互.此ajax内容包含html列表.当它们加载时,它们没有漂亮的jquery移动外观,所以我必须调用.listview()方法,以便jqm框架在我的ajax回调上解析它.这是我经常得到这个JS错误的地方:

未捕获的TypeError:无法读取未定义的属性'jQuery162027575719612650573'

这个数字永远不变......

我想知道在页面加载ajax内容后是否使用正确的方法来解析listview.当加载有轻微延迟并且过早触发完整事件并且那时我的列表视图尚未在DOM中时,似乎会触发错误,只是一个猜测.在ajax调用之后初始化listview的推荐方法是什么？

这是非常不幸的,因为当js错误发生时,似乎冻结了任何进一步的js执行......

所以这是我的空伪页面:

<div data-role="page" id="playlist" data-add-back-btn="true">
    <div data-role="header">
        <h1><g:message code="pd.playlist" /></h1>
    </div>
    <div data-role="content"></div>
</div>

在它下面有一个脚本标签,在pageshow上绑定一个ajax调用来激活listview

<script type="text/javascript">
$('#playlist').bind('pageshow', function () {
    $.ajax({
        url: "updatePlaylistTemplate.gsp",
        error:function(x,e){handleAjaxError(x,e);},
        beforeSend:function(){$.mobile.showPageLoadingMsg();},
        complete:function(){
            $.mobile.hidePageLoadingMsg();
            $('[data-role="listview"]').listview(); //re-active all listview
        },
        success:function(data, textStatus, jqXHR){
            $('#playlist').find('[data-role="content"]').html(data);
        }
    });
});
</script>

updatePlaylistTemplate返回此(提取):

<ul data-role="listview" data-split-theme="d"> 
    <li data-icon="delete"> 
        <a href="javascript:void(0);" onclick="loadGet('urlToRemoveProdiver',$('#playlist'),doOnCallBack);">Provider: Bell</a> 
    </li> 
    <li data-icon="delete"> 
        <a href="javascript:void(0);" onclick="loadGet('urlToRemoveChannel',$('#playlist'),doOnCallBack);">Rock - Classic Rock</a> 
    </li> 
    <li data-icon="refresh" data-theme="e"><a href="javascript:void(0);" onclick="loadGet('urlToReloadPlaylist',$('#playlist'),doOnCallBack)">Refresh list</a></li> 
    <li data-role="list-divider">Next song</li> 
    <li> 
        <a href="urlToViewSongInfo"> 
            <img src="images/song.gif" …

PHP 制作精良，我想知道是否有我需要的功能。

对于持续超过一天的事件，人类对其进行格式化的方式是复杂的。

例子...

事件一：从 2015-04-20 到 2015-04-22 可以像这样为人类格式化：2015 年 4 月 20-22 日

事件二：从2015-04-01到2015-05-31 Humans -> April-May 2015

事件三：2015-04-30至2015-05-02人类->2015年4月30日至5月2日

简而言之，不要重复不需要重复的东西。尽量用“-”链接。

它必须进行本地化，并且格式可能会因本地而异。例如，美国人喜欢 MonthName DayNumber Year，而法国人喜欢 DayNumber MonthName Year。

我正计划对这种格式进行编程，但我想知道它是否已经存在:)