javascript - jQuery UI Dialog box and Leaflet -


I am trying to display a manual letter within a jQuery UI dialog box, but there is a conflict when: / P>

  $ ("# dialog-specified-route") .dialog ...  

is ready on the document. I tried an alternative solution to hide 'dialog-assign-path' with style 'Display: None', then transfer $ ("# dialog-assigned-route") .dialog ... Click Event Inside this, a leaflet map is displayed in the dialog box, but the dialog is not displayed correctly

Can a sheet and jQuery solution provide a solution to the UI dialogue?

  & lt; Div id = "dialog-assigned-route" title = "assigned route" & gt; ; & Lt; Div id = "dialog-scheduled-route-list item-area" & gt; & Lt; Ol class = "selection" & gt; & Lt; Li class = "ui-widget-content" & gt; M60 & lt; / Li & gt; & Lt; Li class = "ui-widget-content" & gt; SBS 15 & lt; / Li & gt; & Lt; / Ol & gt; & Lt; Div id = "routeFilterMap" & gt; & Lt; / Div & gt; & Lt; Script & gt; // Route Map Filter by Var Margfilter = L.map ('routeFilterMap'). SetView ([40.732139, -73.986434], 11); L.tileLayer ('http: // {s} .tile.cloudmade.com / d4fc77ea4a63471cab2423e66626cbb6 / 997/256 / {z} / {x} / {y} .png', {attribution: fotl, max zoom: 18} ) .addTo (routeFilterMap); & Lt; / Script & gt; & Lt; Button & gt; Apply selected filter & lt; / Button & gt; & Lt; / Div & gt; & Lt; Div id = "dialog-specified-path-image-info-area" & gt; & Lt; Div id = "route map" & gt; & Lt; / Div & gt; & Lt ;! - insert map - & gt; & Lt; / Div & gt; & Lt; / Div & gt; $ ("(# Auto-open: false, modal: true, width: 850, re-chargeable: true}) $ $ (" # dialog-defined-route ") ($ (" # button-assign- Root "). (Function () {$ (" # dialog-assigned-route ") .dialog (" open ");});});  

I solved it Done!

  
  • M60
  • SBS15
  • M15
  • M31
    & lt ; Button & gt; Apply selected filter & lt; / button & gt; & lt; / div & gt; & lt; div id = "dialog-specified-path-image-info-area" & gt; & lt; Div id = "route map" & gt; & lt; / div & gt; & lt;! - insert map - & gt; & lt; / div & gt; & Lt; / Div & gt; $ ("# Dialog-assigned-route") .dialog ({autoOpen: false, modal: true, width: 850, resizable: true, open: function () {// route map by filter var routeFilterMap = L.map ( 'MargFiltrum'). SetView ([40.732139, -73.986434], 11); LThilelayer ('http: // {s}}. Tile.cloudmade.com / d4fc77ea4a63471cab2423e66626cbb6 / 997/256 / {z} / {x } / {Y} .png ', {attribution: false, maxzoom: 18}) addTo (routeFilterMap);}});

  • Comments

    Popular posts from this blog

    import - Python ImportError: No module named wmi -

    Editing Python Class in Shell and SQLAlchemy -

    lua - HowTo create a fuel bar -