jQuery 加载不加载内容

Question

有什么想法为什么这行不通吗？

$('a.uiAjaxModal').click(function (e) {

            e.preventDefault();

            $modalHtml = '<div class="uiModalWrapper"><div class="uiModal"><!--content here--></div></div>';

            $($modalHtml).find('.uiModal').load($(this).attr('href'));

            $('body').append($modalHtml);

        });

<a class="uiAjaxModal" href="/Organisations/New">New</a>

它附加了模式，但内容未加载，并且我在控制台中没有收到任何错误!

另外我怎样才能做到这一点，以便 modalHtml 仅在点击事件上附加到 dom，就像我在代码中所做的那样，但确保只有一个实例可以存在于屏幕？

Answer 1

我认为选择器无效。请尝试这个

$('.uiModalWrapper').find('.uiModal').load($(this).attr('href'));