如何從HTML中使用Jquery打開鏈接，從MySql和PHP獲取URL

我有一個數據庫（MySql），在數據庫內部有一行包含圖像的URL（圖像位於一個文件夾中），通過PHP我將這些圖像加載到HTML中，並且這些圖像有一個鏈接，它應該在同一個div內打開一個新的HTML頁面，並放入同一個HTML中。如何從HTML中使用Jquery打開鏈接，從MySql和PHP獲取URL

我想用這段代碼，但它不工作，它仍然在另一個窗口中打開新的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 CODE。

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

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

來源

2013-05-16 O5kr

您需要傳遞加載函數的url而不是元素選擇器。

參考jQuery documentation。

編輯：

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

來源

2013-05-16 21:21:24

感謝隊友，但我是新來的這一點，所以我真的不明白你在說什麼... – O5kr

非常感謝隊友對我的幫助，但在代碼中，我從動態的獲取URL數據庫與PHP，在「a href」裏面，所以如果我按照你所說的做，它只會打開一個頁面......並且順便在另一個窗口打開...：-S – O5kr

你可以添加任何你想要在哪裏輸入''page.php「''的變量字符串。只要你有一個id爲'containerportfolio'的元素，那麼從你提供的頁面動態加載的內容應該被加載到那個元素中。我不知道爲什麼它會被加載到一個新的標籤。 –

這應該與你的HTML/PHP代碼一起工作。

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

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

來源

2013-05-16 21:39:03 Thomas1703

謝謝隊友，但是這也不管用......：-S – O5kr

首先，如果你是呼應多個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

來源

2013-05-16 22:12:17

謝謝隊友。這並沒有發生，事實上，鏈接完美地打開了每一頁，因爲鏈接也來自數據庫，所以當我得到圖像時，圖像有自己的鏈接，並且完美打開。問題是，當我點擊圖像時，它打開鏈接（應該這樣做），但不是我想要的div ... – O5kr

對不起，我很難理解你需要什麼。你想要在集裝箱組合中打開什麼？標籤中的「href」內部的鏈接？或圖像？或者是什麼？ –

我很抱歉，可能我沒有解釋得很好......感謝您的幫助和耐心。我有哪裏我加載9頁圖像的縮略圖此HTML頁面（畫廊），從MySQL通過PHP，每個圖像都有自己的單頁。該URL進入數據庫，每個縮略圖都有自己的鏈接。在這一刻每個圖像都打開相應的HTML頁面（如應該這樣做），但我想要做的就是打開該頁面，到在這種情況下一個div爲$（「＃containerportfolio」） – O5kr

我試圖編輯托馬斯答案，但我couldnt。這對我有效。

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

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

來源

2013-05-16 23:38:02 Ralbuque

如何從HTML中使用Jquery打開鏈接，從MySql和PHP獲取URL

回答

相關問題