如何使用 HTML 中的 Jquery 打开链接，从 MySql 和 PHP 获取 URL答案

【问题标题】：How to open a link using Jquery from HTML, getting the URL from MySql and PHP如何使用 HTML 中的 Jquery 打开链接，从 MySql 和 PHP 获取 URL
【发布时间】：2013-05-11 22:49:05
【问题描述】：

我有一个数据库（MySql），在数据库中有一行带有图像的 URL，（图像在一个文件夹中），通过 PHP 我在 HTML 中加载这些图像，这些图像有一个链接，它应该在同一个 div 中打开一个新的 HTML 页面，进入同一个 HTML。

我正在尝试使用此代码，但它不起作用，它仍在另一个窗口中打开新的 HTML 页面，而不是进入同一个 div...我希望有人可以帮助我，我将非常感激！，谢谢！！。

这里是代码。

<?php
include("conect.php");
$consulta= "SELECT id, company, type_company, work_type, img_link, image FROM logos" or die ('Error: '.mysql_error ());
mysql_query("SET NAMES 'utf8'");
mysql_query($consulta);                   
$resultado=mysql_query($consulta) or exit( mysql_error() );

while($fila=mysql_fetch_array($resultado)){ 
?>   
        <div class="img_workLeft" id="img<?php echo ($fila['id']);?>">
        <a href="<?php echo ($fila['img_link']);?>" id="openjob" target="_self"><?php echo "<img src=".$fila['image'].">";?></a>
    </div>
<?php
}
    mysql_close();       
?>

这是 JQUERY 代码。

$(document).on("ready",_init);
    function _init(){
        clickdeBotones();
    }

function clickdeBotones(){
    $("#openjob").click(function(){
    $('#containerportfolio').load("#openjob");
});
}

【问题讨论】：

标签： php jquery html mysql css

【解决方案1】：

这应该与您的 HTML/PHP 代码一起使用。

$(document).on("ready",_init);
    function _init(){
        clickdeBotones();
    }

function clickdeBotones(){
    $("#openjob").click(function(){
    $('#containerportfolio').load($('#openjob').attr('href'));
});
}

【讨论】：

【解决方案2】：

您需要向加载函数传递 url，而不是元素选择器。

参考jQuery documentation。

编辑：

function clickdeBotones(){
    $("#openjob").click(function(){
        $('#containerportfolio').load("page.php");
    });
}

【讨论】：

非常感谢帮助我的伙伴，但在代码中，我使用 PHP 从数据库动态获取 URL，在“a href”内，所以如果我按照你说的做，它会打开只是一个页面......顺便说一下它正在另一个窗口中打开......：-S
你可以在我输入"page.php"的地方添加任何你想要的变量字符串。只要您有一个 id 为 containerportfolio 的元素，那么从您提供的页面动态加载的内容就应该加载到该元素中。我不知道为什么它会被加载到新标签中。

【解决方案3】：

首先，如果您回显多个 openjob 链接，您将拥有多个具有相同 ID 的链接。您可能只想为其分配一个类，并使用 jquery 类选择器$(".myclass") 如下：

标记：

<div class="img_workLeft" id="img<?php echo ($fila['id']);?>">
    <a href="http://jsfiddle.net/" class="openjob" target="_self"><img src="http://www.google.com/images/srpr/logo4w.png" /></a>
    <a href="http://www.google.com" class="openjob" target="_self"><img src="http://www.google.com/images/srpr/logo4w.png" /></a>
</div>
<div id="containerportfolio">
</div>

jQuery：

$(".openjob").click(function(){
    $('#containerportfolio').load($(this).attr("href"));
});

Live Sample

【讨论】：

谢谢伙计。这并没有发生，事实上，链接完美地打开了每个页面，因为链接也来自数据库，所以当我获取图像时，图像有自己的链接并且完美打开。问题是，当我单击图像时，它打开了链接（应该这样做），但没有打开我想要的 div...
对不起，伙计，我很难理解您需要什么。您究竟想在容器组合中打开什么？标签的“href”内的链接？还是图像？还是什么？
对不起，伙计，也许我解释得不是很好...感谢您的帮助和耐心。我有这个 HTML 页面（一个画廊），我正在加载 9 个图像缩略图，从 MySQL 到 PHP，每个图像都有自己的单个页面。 URL 在数据库中，每个缩略图都有自己的链接。在这一刻，每个图像都在打开相应的 HTML 页面（应该这样做），但我想做的是打开那个页面，在这种情况下进入一个 div 是 $('#containerportfolio')

【解决方案4】：

我试图编辑托马斯的答案，但它不能。这对我有用。

$(document).on("ready",_init);
        function _init(){
            clickdeBotones();
        }

    function clickdeBotones(){
        $("#openjob").click(function(e){
        e.preventDefault();
        $('#containerportfolio').load($('#openjob').attr('href'));
    });
    }

【讨论】：