Модальный параметр JQuery Dialog не работает

Это HTML-код:

<div id="dialog" title="lala" style="display:none;">
        <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

Это JavaScript

$bb('#addTopicButton').live('click',function() {

     $bb( "#dialog" ).dialog({ modal:true, closeOnEscape: false, draggable:false, resizable:false }); 

       });

Почему модал не работает? Когда он открыт, я все еще могу нажимать другие ссылки на странице и делать вещи в фоновом режиме.

Большое спасибо

ОБНОВЛЕНИЕ: Кажется, это работает. Только ссылки активны в фоновом режиме и работают. Как отключить все, включая ссылки?

Можно ли загрузить шаблон jinja2 из другого файла шаблона? Что-то вроде

{{ render_template('path/to/file.html') }}

У меня есть несколько фрагментов, которые я хочу использовать повторно, поэтому мне важно иметь эту функциональность.