Popup po kliknięciu w link Opcje

[konrix]

Witajcie, chcę zrobić okienko popup po kliknięciu w link, mam taki kod:

[HTML] pobierz, plaintext 
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
 
    <script type="text/javascript">
        $(document).ready(function () {
            $("#OpenDialog").click(function () {
                $("#dialog").dialog({modal: true, height: 300, width: 200 });
            });
        });
    </script>
    <a id="OpenDialog" href="#">Click here to open dialog</a>
    <div id="dialog" title="Dialog Title">
       <p>test</p> 
    </div>
[HTML] pobierz, plaintext 

Jak mogę ukryć napis "test", aby wyświetlał się tylko w popupie?

[Comandeer]

Nadać odpowiednie style dla #dialog

[konrix]

jak daje mu display:none to znika też z popup-u

[bobek358]

Bo musisz dać w akcji click zmianę widoczności elementu -> .show()

[konrix]

dzięki, działa ktoś wie jak mogę to przystosować do jQuery v1.11.2, ponieważ taki mam w Joomli?

[Comandeer]

Podmienić linki na nowszą wersję jQuery UI i powinno zadziałać

[konrix]

jQuery-ui zmieniłem na 1.9.2, niestety nie pomogło, jeszcze jakieś pomysły?

[bobek358]

Pewnie konsola cos podpowie. Jakies bledy pokazuje?

[konrix]

Jest błąd:
Uncaught TypeError: $(...).ready is not a function(anonymous function) @ (index):153

Nie dużo mi to mówi. Na pewno dotyczy tego kodu, ponieważ po jego skasowaniu błąd nie występuje.

edit: gdzieś wyczytałem, żeby pozamieniać wszystkie "$" na "jQuery" i rzeczywiście działa! Może mi ktoś wytłumaczyć dlaczego to pomogło?

Ten post edytował konrix 22.08.2015, 09:53:33

[Comandeer]

Bo Joomla lubi wywoływać jQuery.noConflict i odpinać $

[Pyton_000]

albo jQuery(function($) {});
jeśli kody są odpalane po DOMReady