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

Question

我有一个数据库（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");
});
}

Answer 1

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

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

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

Answer 2

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

标记：

<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

Answer 3

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

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

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

Answer 4

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

参考jQuery 文档。

编辑：

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