Question

我试图加载点击一个网址，但是在一个具有特定尺寸的新窗口中。例如，我会

<div id="mydiv>
   Roy
  click on this div
</div>

和

<div id="mydiv>
   Alex
  click on this div
</div>

然后这个想法是一个新窗口将弹出（而不是模态），其大小如300x400px。用户名应该传递到这个窗口，我希望能够在我的Web应用程序中使用它。 Jquery只需要调用/ chatwindow /？user = rob

之类的东西

什么是接近这个的好方法？

Answer 1

好的，试试这个

<div id="mydiv-alex" class="mydiv">
    Alex click on this div
</div>
<div id="mydiv-jonh" class="mydiv">
    Jonh click on this div
</div>
<script>
    $('.mydiv').click(function(){
    window.open(' /chatwindow/?user='+$(this).attr('id').replace('mydiv-',''), '_blank', 'width=300,height=400');
    return false;
    });
</script>

Answer 2

试试这个

<div id="mydiv">
   Alex
  click on this div
</div>



 <script type="text/javascript">
        var windowSizeArray = [ "width=200,height=200",
                                "width=300,height=400,scrollbars=yes" ];

        $(document).ready(function(){
            $('#mydiv').click(function (event){

                var url ="www.yourdomain.com/chatwindow/?user=rob";
                var windowName = "popUp";//$(this).attr("name");
                var windowSize = windowSizeArray[ $(this).attr("rel") ];

                window.open(url, windowName, windowSize);

                event.preventDefault();

            });
        });
    </script>

Answer 3

尝试这样的事情：

<div id="mydiv">
    <span id="username">Alex</span> click on this div
</div>
<script>
$('#mydiv').click(function(){
    window.open(' /chatwindow/?user='+$('#username').text(), '_blank', 'width=300,height=400');
return false;
});
</script>

或者这个

<div id="mydiv">
    Alex click on this div
</div>
<script>
var username = 'Alex';
$('#mydiv').click(function(){
    window.open(' /chatwindow/?user='+username, '_blank', 'width=300,height=400');
return false;
});
</script>

或者这个

<div id="mydiv">
    Alex click on this div
        <input type="hidden" name="username" value="Alex">
</div>
<script>
var username = 'Alex';
$('#mydiv').click(function(){
    window.open(' /chatwindow/?user='+$('#mydiv > input[name="username"]').val(), '_blank', 'width=300,height=400');
return false;
});
</script>

Answer 4

http://www.jquerybyexample.net/2012/05/open-link-in-new-tab-or-new-popup.html

$(document).ready(function() {
$('A.BLAH').click(function() {
var NWin = window.open($(this).prop('href'), '', 'height=600,width=1000');
if (window.focus)
{
NWin.focus();
}
return false;
});
});

弹出窗口中的jquery打开URL，高度为+权重，并向其传递一个参数

4 个答案: