Question

仅供参考，我根本不是程序员，所以任何事情都必须清楚地说清楚。

我在sharepoint中使用这个.js脚本。它工作正常！

<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>ColorBox demo</title>
    <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
  </head>
  <body>
    <h1>Hello, there!</h1>
    <h2>This is some content</h2>
    <p>The popup will open in five seconds</p>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
    <script>
      function openColorBox(){
        $.colorbox({iframe:true, width:"40%", height:"30%", href: "http://172.16.96.254/pf17.html"});
      }

      setTimeout(openColorBox, 5000);
      setTimeout(parent.$.colorbox.close, 15000);
    </script>
  </body>
</html>

我在本地内部网站上创建了多个页面。 pf1.html - pf21.html

我想在弹出窗口运行时将它们随机化。

我在这个论坛上看过这个功能。

（的Math.random（）* 11）

如何将其添加到上述脚本并随机化页面。

这是完整的随机剪辑

$(document).ready(function() {
$("a.colorbox").click(function() {
$(this).attr("href","print"+Math.floor(Math.random()*11)+".html");
});

我知道* 11设定了页数..

Answer 1

尝试类似：

  function openColorBox(){
     var urlBase = "http://172.16.96.254/pf";
     var urlPage = Math.floor(Math.random() * 21);
     var urlExt = ".html";

     var randomizedURL = urlBase + urlPage + urlExt;

     $.colorbox({iframe:true, width:"40%", height:"30%", href: randomizedURL});
  }

  setTimeout(openColorBox, 5000);
  setTimeout(parent.$.colorbox.close, 15000);

随机Href使用jquery和colorbox

1 个答案: