установить диалог модальной ширины для jquery ui?

Question

HI

Я использую this demo для отображения модального диалога

как установить ширину для диалога, если я использую его для Google вида на улице:

var point = new GLatLng(svlat, svlon); 
var panoClient = new GStreetviewClient(); 
panoClient.getNearestPanoramaLatLng(point, function (newPoint) { 
    if (newPoint == null) { 
     alert("no panorama found for this position!!"); 
     return; 
    } 
    panoramaOptions = { latlng: newPoint }; 
    myPano = new GStreetviewPanorama(document.getElementById("pano"), panoramaOptions); 
    $('#dialogStreetView').dialog("option", "maxWidth", 600); 
    $('#dialogStreetView').dialog('open'); 
    GEvent.addListener(myPano, "error", handleNoFlash); 
}); 

HTML:

<div id="dialogStreetView" title="Street View Provided by Google... "  style="width:300px;height:300px"> 
    <a id="closestreet-view" name="closestreet-view" style="cursor:pointer; text- decoration:underline" >Close</a> 
    <div name="pano" id="pano" style="width: 300px; height: 300px"></div> 
</div> 

Answer 1

Из документов:

• http://docs.jquery.com/UI/Dialog

это должно работать:

$("#dialogStreetView").dialog("option", "width", 460); 

Answer 2

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script> 
$(function() { 
$("#myDialogBox").dialog({ 
    width: 500, 
    autoOpen: false, 
    show: { 
    effect: "blind", 
    duration: 1000 
    }, 
    hide: { 
    effect: "blind", 
    duration: 1000 
    } 
}); 
$("#myBoxOpener").click(function() { 
    $("#myDialogBox").dialog("open"); 
}); 
}); 
</script> 

====== ====== тело

<div id="myDialogBox" title="My Dialog Box"> 
    <div id="myContentLayer"> 
    <p>My Content</p> 
    </div> 
</div> 
<button id="myBoxOpener" class="myButton">Open Dialog Box</button> 

jsFiddle Demo

Answer 3

просто просто добавьте widt ч: 500

$('#dialogStreetView').dialog(width: 500,"option", "maxWidth", 600); 

Answer 4

Это только мне это все, кроме Порта имеют синтаксическую ошибку:

$ ("# селектор.") .dialog ({ ширина: 500 });

http://api.jqueryui.com/dialog/#option-width