Установить ширину диалогового окна для jquery ui?

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

как установить ширину для диалога, если я использую его для просмотра улиц 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>

Ответ 1

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

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

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

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

Ответ 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>

====== body ======

<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

Ответ 3

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

$( "#selector" ).dialog( {
  width: 500
} );

взял с http://api.jqueryui.com/dialog/#option-width

Ответ 4

просто добавьте ширину: 500

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