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, 1059 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
Ähnliche Inhalte
JavaScript
gelöst Externen DIV-Container via jQuery anzeigen (6)

Frage von Akrosh zum Thema JavaScript ...

Entwicklung
JQuery sortable mit unterschiedlichen Größen (8)

Frage von dni800 zum Thema Entwicklung ...

Heiß diskutierte Inhalte
Windows Userverwaltung
Ausgeschiedene Mitarbeiter im Unternehmen - was tun mit den AD Konten? (22)

Frage von patz223 zum Thema Windows Userverwaltung ...

Viren und Trojaner
Aufgepasst: Neue Ransomware Goldeneye verbreitet sich rasant (20)

Link von Penny.Cilin zum Thema Viren und Trojaner ...

LAN, WAN, Wireless
FritzBox, zwei Server, verschiedene Netze (19)

Frage von DavidGl zum Thema LAN, WAN, Wireless ...

Windows Netzwerk
Windows 10 RDP geht nicht (18)

Frage von Fiasko zum Thema Windows Netzwerk ...