php - 使用 Colorbox 和 JavaScript 函数

Question

我正在尝试显示一个具有与其关联的颜色框弹出窗口的超链接。 JavaScript 是:

function bid() {    
  var bid = document.getElementById("bid").value;
  if (bid>0 && bid<=100) {
    var per = 3.50;
  } else if (bid>100 && bid<=200) {
    var per = 3.40;
  } else if (bid>200 && bid<=300) {
    var per = 3.30;
  }

 var fee = Math.round(((bid/100)*per)*100)/100;
 var credit = 294.9;

   if (fee>credit) {
     var message = 'Error';
   } else {
     var message = '<a class="popup" href="URL">The link</a>'; 
   }

   document.getElementById("bidText").innerHTML=message;
 }

JavaScript 工作正常，并在正确的条件下显示链接，但问题是，单击链接时，不会应用 Colorbox，页面会作为普通超链接加载。

我在标题中有以下代码:

jQuery(document).ready(function () {
  jQuery('a.popup').colorbox({ opacity:0.5 , rel:'group1' });
});

如果我只输出标准 html 源中的超链接，它可以正常工作并在 Colorbox 中正确显示。

任何帮助将不胜感激:)

Answer 1

您需要等到附加链接后才能对其调用 colorbox() 方法。

移动您的 colorbox() 方法，使其位于 innerHTML 之后。

jQuery('a.popup').colorbox({ opacity:0.5 , rel:'group1' });