1

我正在尝试使用以下方法调用包含图片库的“example.js”文件（画廊的大部分代码，看看我将如何选择 3 个）：

<img src="img.jpg" onClick="thisAction()" />

我想要做的是将所有包含的“example.js”代码放在页面其他地方的 div 中。我有一个单独的 javascript.js 文件，它引用了 thisAction() 函数，但我似乎无法弄清楚从那里去哪里，没有任何工作。我已经尝试了一个加载功能，并且我已经深入研究了 ajax，但我并不真正知道我在做什么......请帮助！

好的，所以只是为了澄清^^^以上^^^，我实际上并没有尝试在我的“example.js”中调用任何javascript，我只是被指示这样做，由于某种原因我不记得了必须与识别格式有关......因为我真正想要的是插入一些 html，其中包括一些 div。如果可能的话，我想要的是将所有代码插入“example.html”中，其中可能包含以下内容：

<div id="navbuttonleftcontainer"></div>
    <div id="image_holder"><img src="examplepic.jpg" /></div>
<div id="navbuttonrightcontainer"></div>

通过使用

<img src="examplenavpic.jpg" onClick="thisAction() />

标签。

我最接近的是这个：

function thisAction()
{
$('#divonmygalleryhtml').html('gallery1.html');
}

但这实际上并没有吐出上面提到的 example.html 代码，它只是将文本“gallery.html”放入 div 中。我尝试简单地复制 example.html 中的所有代码并将其替换为

function thisAction()
{
$('#divonmygalleryhtml').html('
<div id="navbuttonleftcontainer"></div>
<div id="image_holder"><img src="examplepic.jpg" /></div>
<div id="navbuttonrightcontainer"></div>
');
}

但这无济于事......我已经尝试了最后两个建议但没有运气......任何建议都会很棒。

4

3 回答 3

0

不确定我是否正确。使用 jQuery 的 AJAX - 函数和 HTML - 函数，您可以从服务器重新加载代码并将其放置在页面上的 div 中：

$(document).ready(function({

    function thisAction(){

        $.ajax({
        url: "/pathToFile/example.js",
        cache: false
        }).done(function( data ) {
        $("#targetDiv").html( data );
        });

    }

    thisAction();

});
于 2013-04-25T06:17:50.817 回答
0

要调用外部 javascript 文件，您会这样做

function thisAction(){
var divfill = getElementById(targetDiv);
var newscript;
newscript.src ="example.js";
divfill.innerHTML = (newscript);
}

希望有效:)。

于 2013-04-25T09:40:01.390 回答
0

看起来您可以使用 jQuery，然后您可以使用.load()将远程源的内容加载到元素

function thisAction() {
    $('#divonmygalleryhtml').load('example.html');
}
于 2013-04-26T00:11:24.753 回答