<a href="#sql" id="opendialog" data-rel="popup">打开</a>

    <div data-role="popup" id="sql" data-dismissible="false" data-tolerance="0">
        <div data-role="header" data-theme="d">
             <h1>商品评价</h1>

        </div>
        <div role="main" class="ui-content">

            11111
        </div>
    </div>
    <script>
    $(document).on("pagecreate", function (event, ui) {
        $("#sql").on("popupbeforeposition", popUpSql_OnBeforePosition);
    });

    function popUpSql_OnBeforePosition(event, ui) {
        var horizSpacing = 0;
        var vertSpacing = 0;
        var horizPaddingBorderSize = $(this).outerWidth() - $(this).width();
        var vertPaddingBorderSize = $(this).outerHeight() - $(this).height();

        $(this).css({
            left: horizSpacing,
            top: vertSpacing,
            width: window.innerWidth - (horizSpacing * 2) - horizPaddingBorderSize,
            height: window.innerHeight - (vertSpacing * 2) - vertPaddingBorderSize
        });
    }
    </script>

<a href="#" onclick="opencWin()">xx</a>

<script>
function opencWin(){
        var ref = window.open("${ctx}/mobile/showComment?id=${product.id}", '_blank','location=no');
        ref.addEventListener('loadstop', function(event) { 
            if (event.url.match("${ctx}/mobile/closeWin")) {
                ref.close();
            }
        });
    }
    </script>


<div data-role="page">
    <div data-role="header" data-position="fixed" data-theme="d">
        <a href="${ctx}/mobile/closeWin" id="closeWin" data-role="button"
            data-icon="carat-l">关闭</a>
        <h1>商品评价</h1>
    </div>

    <div data-role="content">

        1111
    </div>
</div>