Guten Tag Community,
ich habe mal versucht was mit Bootstrap zu basteln, alles auch ganz okey bis auf ein Fehler.
Ich wollte den Modal (Dialog) einfügen, nur wenn ich auf dem Button drücke, kommt das Modal von oben und verschwindet sofort wieder.
Klick
Hoffe jemand kennt das Problem und kann mir helfen, bedanke mich im Voraus.
HTML
<!DOCTYPE html><html lang="de"> <head> <title>{$SITE_NAME} - Home</title> <meta charset="UTF-8" /> <link rel="stylesheet" href="{$SITE_PATH}/templates/default/css/style.css" type="text/css" /> <link rel="stylesheet" href="{$SITE_PATH}/templates/default/css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="{$SITE_PATH}/templates/default/css/bootstrap-responsive.css" type="text/css"> <link rel="shortcut icon" href="ico/favicon.png"> <script> </script> <style rel="stylesheet" type="text/css">body { padding-top: 60px; }</style> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-146052-10']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body data-spy="scroll" data-target=".bs-docs-sidebar"> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="brand" href="{$SITE_PATH}/">{$SITE_NAME}</a> <div class="nav-collapse collapse"> <ul class="nav"> <li class="active"><a href="{$SITE_PATH}/">Home</a></li> <ul> </div> </div> </div> </div> <div class="container"> <a href="#myModal" role="button" data-toggle="modal">Dialog öffnen</a> </div> <script src="{$SITE_PATH}/templates/default/js/jquery-1.9.1.min.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-transition.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-alert.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-modal.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-dropdown.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-scrollspy.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-tab.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-tooltip.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-popover.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-button.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-collapse.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-carousel.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-typeahead.js"></script> <script type="text/javascript" src="{$SITE_PATH}/templates/default/js/widgets.js"></script> <script src="{$SITE_PATH}/templates/default/js/bootstrap-affix.js"></script> <script src="{$SITE_PATH}/templates/default/js/holder.js"></script> <script src="{$SITE_PATH}/templates/default/js/rettify.js"></script> <script src="{$SITE_PATH}/templates/default/js/application.js"></script> <script> var _gauges = _gauges || []; (function() { var t = document.createElement('script'); t.type = 'text/javascript'; t.async = true; t.id = 'gauges-tracker'; t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013'); t.src = '//secure.gaug.es/track.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(t, s); })(); </script> </body></html>// Code eingefügt
