實現fancybox onclick（）

Question

<?php 
    echo '<td class="options-width">'. 
     '<a href="edituser_lightbox.php?user_id=' . $row['user_id'] . ' " onclick:" $.fancybox({ href:'example.jpg',title : 'Custom Title'});"title="Edit" class="icon-1 info-tooltip" </a>'. 
     '<a href="deleteuser.php?user_id=' . $row['user_id'] . ' " class="icon-2 info-tooltip"> </a>'. 
     '<a href="" title="Save" class="icon-5 info-tooltip">  </a>'. 
     '</td>'; 


    echo "</tr>"; 
    } 
?> 

我必須在這裏近at guys？你能看到我想要做什麼嗎？我不能改變我的CSS包含的fancybox要麼:(

Answer 1

看起來像一個錯字：

onclick:" 

使結腸等號：

onclick=" 

此外，確保對象的屬性'值將字符串加上引號。

onclick='$.fancybox({href: "'example.jpg'", title: "'Custom Title'"});' 

Answer 2

onclick屬性應該與=，不:指定爲：

echo '<a href="edituser_lightbox.php?user_id=' . $row['user_id'] . '" onclick="$.fancybox({ href:\'example.jpg\',title : \'Custom Title\'});" title="Edit" class="icon-1 info-tooltip" </a>'; 

裏面的fancybox語句，你還需要使它們在輸出HTML呈現爲文字'以反斜槓轉義單引號。在href=屬性中關閉"之前，您還有一個額外空間。

將JavaScript內聯放置在標記內並不是一種好的做法。相反，它會更好，其綁定中：

$("a#editLink").click(function() { 
    $.fancybox({ href:'example.jpg',title : 'Custom Title'}); 
}); 

注意，你將需要添加id="editLink"到<a>標籤。 （它可以是任何標識，或其他各種jQuery選擇，而不是一個id。

echo '<a id="editLink" href="edituser_lightbox.php?user_id=' . $row['user_id'] . '" onclick="$.fancybox({ href:\'example.jpg\',title : \'Custom Title\'});" title="Edit" class="icon-1 info-tooltip" </a>';