Question

我似乎无法通过模式窗口显示其他链接中的任何内容。我非常确定我使用了正确的类将它们链接在一起。这是http://www.ericmmartin.com/projects/simplemodal_v101/给出的基本js。

jQuery(function ($) {
// Load dialog on page load
//$('#basic-modal-content').modal();

// Load dialog on click
$(' .basic').click(function (e) {
    $('#basic-modal-content').modal();

    return false;
});});

我已将基础课程安排到

<li><a href="about me/about me.html" class='basic'>about me</a></li>

并在外部html链接（关于我）中放了一个div id

<div id="basic-modal-content">
<p> Darrien is an industrial & product designer based from Toronto. My creative approach falls along the line of biomimicry and human-centric design. 
I've recently graduated from the University of Guelph and am currently pursuing my Masters of Industrial Design at Pratt Institute.
Feel free to contact me to just chat and don't forget to look at    some of my work. 
</p>

我已将此代码包含在此zip（http://www.4shared.com/zip/LGOb7yugba/Darrien_Website_V2.html）

中

任何帮助将不胜感激！：）

Answer 1

您遇到以下问题：

用户点击您的链接
点击事件被触发
Javascript查看ID等于basic-modal-content
没有此ID的元素
浏览器加载关于页面

你需要做什么：

用户点击链接（使用href ='＃'）
点击事件被触发
使用JQuery .load()函数将about page的html内容加载到特定div
调用模式，其中id等于basic-modal-content
Javascript会照看基本模态内容并找到它

无法让Simplemodal在模态窗口中显示链接内容

1 个答案: