Question

我使用colorbox jquery并且有问题在colorbox中显示变量。

我有一个名为wp_store_caption的变量，它从输入类型中获取值： -

<input type="text" id="title" class="ab_form_text wp_store_caption require" name="wp_store_caption" value="">

现在我使用colorbox： -

jQuery(document).ready(function() {
    var wp_store_caption = jQuery('#title').val();
    jQuery(".open-popup-link").colorbox({html:"<h1>"+wp_store_caption+"</h1>"});

});

但是canot显示wp_store_caption的值，但是当使用不带colorbox的alert()时，我可以看到该值。

哪里有问题？！

Answer 1

没有发生，因为你写的时候

jQuery(".open-popup-link").colorbox({html:"<h1>"+wp_store_caption+"</h1>"})

绑定最初未定义的wp_store_caption的值。

您需要绑定click事件并将值赋给wp_store_caption，然后调用colorbox函数。

你应该这样写：

$(".open-popup-link").click(function () {
    $.colorbox({
        html: "<h1>" + $('#title').val() + "</h1>"
    });
});

See DEMO here.

In this example，我有预定义的标题值。请注意，此值不会更新彩色框中的标题，因为 - wp_store_caption的值未更新。

Answer 2

您可以绑定到.blur（）以使其以here的形式运行。

$(function() {
  $('#title').blur(function(){
  var wp_store_caption = $('#title').val();
    if (wp_store_caption.length > 0)
      $.colorbox({html:"<p>" + wp_store_caption + "</p>"})
 });
});

如何在colorbox中显示JavaScript变量

2 个答案: