Question

我正在尝试在tizen web项目中实现弹出功能。这是代码。这是一个链接，当我们点击链接时，应该打开一个弹出窗口。

            <a href="#div" data-rel="back">
                About Us!
            </a>
            <div id="popup" data-role="popup" class="center_title_1btn">
                <div class="ui-popup-title">
                    <h1>About Us!</h1>
                </div>
                <div class="ui-popup-text">Lorem ipsum dolor sit amet, 
                consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
                Aenean massa. Cum sociis natoque penatibus et magnis dis 
                parturient montes, nascetur ridiculus mus. Donec quam felis, 
                ultricies nec, pellentesque eu, pretium quis, sem. Nulla 
                consequat massa quis enim. Donec pede justo, fringilla vel, 
                aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
                imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
                mollis pretium.</div>
                <div class="ui-popup-button-bg">
                    <a data-role="button" data-rel="back" data-inline="true">Button</a>
                </div>
            </div>

但是弹出窗口没有打开。我怎样才能纠正它？

Answer 1

使用href="#popup"代替href="#div"。

href元素中的a属性必须指向弹出窗口id，这是其唯一标识符。

在tizen web项目中弹出窗口

1 个答案: