Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Jquery UI Buggt mit minWidth

Frage Entwicklung JavaScript

Mitglied: B-free

B-free (Level 1) - Jetzt verbinden

19.09.2014 um 20:13 Uhr, 1073 Aufrufe, 2 Kommentare

Hallo,

ich habe angefangen ein Online OS zu basteln. Ich probiere es jedenfalls...

mein momentanes Problem ist, dass es anscheinend nicht möglich ist eine minWidth (Jquery UI reziable plugin) für einzelne windows zu definieren.
(halbe stunde google half nicht )

Wenn ich das Fenster kleiner als die minWidth ziehe, wird es so breit wie die gesamte (restliche) Seite.

Bsp: (http://badnote.pfweb.eu/)

Code:
CSS:
01.
#desktop { 
02.
	height:calc(100% - 50px); 
03.
	top:0; 
04.
	position: absolute; 
05.
	width: 100%; 
06.
07.
 
08.
.window { 
09.
	z-index:999; 
10.
	display: block; 
11.
	width:700px; 
12.
	height:500px; 
13.
	position: absolute; 
14.
	transition: .5s; 
15.
	 
16.
	background:rgba(113, 113, 113, 0.41); 
17.
}
(nur das wichtige)

JS:
01.
		$( ".dragable" ).draggable({ 
02.
			cancel: ".inner, .controls",  
03.
			snap: "#desktop",  
04.
			snapMode: "inner",  
05.
			snapTolerance: "10" 
06.
		}); 
07.
 
08.
		$( ".dragable" ).resizable({ 
09.
			containment: "#desktop", 
10.
			handles : 'e, n, s, w, se', 
11.
			minWidth: window.info.minWidth, 
12.
			minHeight: window.info.minHeight 
13.
		}); 
14.
 
15.
		console.log(window.info); 
16.
 
17.
		$( ".dragable" ).removeClass('dragable');
(auch nur das wichtige)

window.info.minWidth bzw. window.info.minHeight enthalten valide angaben. (siehe Konsolen output)


Tschau
B-Free
Mitglied: aqui
19.09.2014, aktualisiert um 21:00 Uhr
Bei Safari passiert das nicht. Man kann wunderbar das Fenster resizen auch auf den kleinsten Wert. Funktioniert alles wie es soll.....
Nun kommt aber das "aber"....
Sowie du das Fenster Mit Klick und halten auf dem "Welcom to.." Balken aus der Default Position verschiebst tritt das von dir oben beschriebene ein.
Lässt du es brav auf seiner angestammten Position nach dem Login rennt es fehlerlos...
Bitte warten ..
Mitglied: B-free
19.09.2014, aktualisiert um 21:55 Uhr
Zitat von aqui:
Sowie du das Fenster Mit Klick und halten auf dem "Welcom to.." Balken aus der Default Position verschiebst tritt das
von dir oben beschriebene ein.
Lässt du es brav auf seiner angestammten Position nach dem Login rennt es fehlerlos...

Also ich kann das nicht reproduzieren. bei mir springt er immer. egal was ich tue. (Chrome, Opera, Firefox und IE)

[edit:]
Kann den bug generell nicht in JSFiddle reproduzieren.
Bitte warten ..
Neuester Wissensbeitrag
Microsoft Office

MS Office Excel - Formel wird angezeigt, aber nicht berechneter Wert!

Tipp von holli.zimmi zum Thema Microsoft Office ...

Ähnliche Inhalte
JavaScript
ProgessCircle in jQuery funktioniert nicht (2)

Frage von Yanmai zum Thema JavaScript ...

Server
Fehler in jQuery (7)

Frage von Yanmai zum Thema Server ...

Webentwicklung
gelöst HTML 5 Sterne Bewertung buggt (7)

Frage von Yanmai zum Thema Webentwicklung ...

Heiß diskutierte Inhalte
Off Topic
Handy in Raten kauifen oder nicht? (19)

Frage von mirko123 zum Thema Off Topic ...

Exchange Server
gelöst MS Exchange 2016 - Basicconfig Fragen (16)

Frage von maddig zum Thema Exchange Server ...

Windows Server
gelöst Rechte als Admin vergeben - Zugriff verweigert (14)

Frage von Ghost108 zum Thema Windows Server ...