Question

这段代码有什么问题？我是初学者

   <link type="text/css" href="/css/custom-theme/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>

<script type="text/javascript" src="/js/jquery.expander.js"></script>
<script type="text/javascript" src="/js/jquery.expander.min.js"></script>


<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

这里是一个电话fancybox

$("a#select_button").fancybox();

这是我的HTML代码

<p class="resp"><img src="logos/S7.png"><br>
    <b>Title</b>
    <span class="fprice">264 EUR</span>
    <a id="select_button" href="book_air.php?type=typeval&amp;origin=Val"><input class="selectt" value="Select" type="button"></a>
      <span class="f_row">
            <input name="first_row" type="radio">val-10:40 - val 11:40</span><br>
        <span class="s_row">
            <input name="second_row" type="radio">val-17:55 - val 21:10
      </span>
  <span class="buts"><input class="f_det" value="Details" type="button"> <input class="f_det" value="Share" type="button"></span>
  </p>

我不知道我的问题在哪里，有人可以帮我吗？

Answer 1

您必须确保在DOM准备好时脚本运行。有两种方法可以实现这一目标。

要么等待从jQuery调用document.ready事件。为此，您可以将其添加到您的脚本中：

$(function() {
   $("a#select_button").fancybox();
});

或者您必须将脚本最后包含在html文档中（在body标记内）。

（本例中的脚本是指调用fancybox的行）

Fancy Box 1.3.4无效

1 个答案: