1

我在这里为我的网站创建了一个移动视图。

http://105.161.113.68:8080/qualebs/home

用户名 = susan passord = suzzy

如果您从带有优选 Opera mini 的移动设备登录，您会注意到单击任何元素甚至登录页面周围的框都会重新加载页面。我不知道这是什么原因造成的。请帮忙。

包含个人资料照片、用户名和状态的包含 div 的 css 如下所示。

.feedContainer{
    display: inline-block;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    text-align: left;
    width: 95%;
    max-width: 800px;
    border: solid 1px #f5eabe;
    border-top: none;
    background: #fff;  
}

在移动页面的 css 中，我添加了以下样式

.feedContainer{
    float: none;
    width: 100%;
    max-width: 100%;
    border-right: none;
    border-left: none;
    margin: 0px;
    cursor: auto;
}

移动视图上没有 Javascript。我的问题是每个元素的行为都像一个链接，如果你点击它会重新加载页面。我怎样才能删除这个。

移动网站的示例提要容器如下所示

<div class="feedContainer">
                <span class="profileImgContainer">
                    <img class="profileImg" src="img/thumbs/1/1377284547880_1377284934730.jpg" alt="photo"/>
                </span>
                <div class="feedHeader">
                    <span class="time">moments ago</span>
                    <strong>
                        <a href="profile?customerId=1377284547880">susan</a>

                    </strong>
                </div>
                <div class="feed">               


                            <pre><span class="shorten">Hello guys if you are already logged on here, please let me know what you are seeing</span></pre>


            </div>
            <div class="feedFooter">
                <span class="feedFooterWidget">   
                            0
                            <a href="status?statusId=1377338479531&amp;posterId=1377284547880&amp;view=comments">Comments</a>
                </span>
                <span class="feedFooterWidget">
                    <span class="count">
                                0
                    </span>
                            <a class="footerLink" href="like?item=status&amp;itemId=1377338479531&amp;posterId=1377284547880&amp;view=likes">Likes</a>
                </span>
                <span class="feedFooterWidget">
                    <span class="count">
                                0
                    </span>
                            <a class="footerLink" href="share?itemType=status&amp;statusId=1377338479531&amp;posterId=1377284547880">Share</a>
                </span>
                <span class="feedFooterWidget"><a href="message?customerId=1377284547880">Message</a></span>
                <span class="feedFooterWidget"><a href="delete">Delete</a></span>
            </div>
        </div>

对于这个问题的未来读者，我很抱歉服务器在本地服务器上运行，我失去了连接。

4

1 回答 1

0

您可以pointer-events:none;在移动 css 中为触发页面重新加载的 elemenet设置

于 2013-08-24T10:16:59.657 回答