Php JQuery简单对话框_Php_Jquery

Php JQuery简单对话框

php jquery

Php JQuery简单对话框,php,jquery,Php,Jquery,当我点击链接时，它不会触发jquery 谢谢你的帮助最好用position:absolute做一些div，然后显示出来，然后你需要它 $strLink = "<a href='viewTicket.php?id={$row['id']}' class='simpledialog'>$strName</a>"; <a href="#" rel="dialog_content" class="simpledialog">show dialog!</a

当我点击链接时，它不会触发jquery

谢谢你的帮助

最好用position:absolute做一些div，然后显示出来，然后你需要它

$strLink = "<a href='viewTicket.php?id={$row['id']}' class='simpledialog'>$strName</a>";



<a href="#" rel="dialog_content" class="simpledialog">show dialog!</a>

<!-- content -->
<div id="dialog_content" style="display:none;">
<h3>DEMO</h3>
<p>This is a demonstration of jQuery SimpleDialog.</p>
<a href="#" class="close">close</a>
</div>

echo "<td>" . $strLink . "</td>";

你可以这样称呼它：打开

和CSS（如果需要）：

function showDialog() { $('#box').fadeIn(250); $('#box').fadeTo(0.5); }
function hideDialog() { $('#box').fadeOut(250); }

首先，一个显而易见的问题：是否包含jQuery？作为jQuery扩展，simpleDialog依赖jQuery工作。只需修复它，就会在单击时显示一个对话框，尽管对话框本身已损坏，这将使我们

其次，正如您在示例中看到的，simpleDialog使用链接。此时，v0.1.1在同一链接上调用它两次似乎是不可能的。因此，创建两个链接，并使您的函数在每个链接上只调用simpleDialog一次

最后，如果您仍然有问题，因为这是一个客户端问题，所以这里只有客户端代码起作用。确保您的php生成正确的html。并检查css和js是否实际加载到正确的位置等。。下面是一个完整的输出html，适用于我：

你有什么错误吗。还定义了两次。一次有选择，一次没有。确保再次加载javascript，只需检查是否有任何错误。可能需要将此移到聊天室进行调试。这很好，但他也有ajax示例，因此我只能假设他也想通过ajax加载某些内容。另一件事是定位，无论你是向左还是向右、向上还是向下滚动，你都可能希望它居中。好吧，在basic中，你可以添加更多的功能。基本上，我更喜欢用它调用函数，而不是添加事件。很容易知道在哪里以及如何称呼它。还有esear调试。谢谢大家！我不认为刚才的定位有问题，因为我不能让它出现在屏幕上？@user我很确定你有错误。我最好的猜测是javascript没有加载。也许它不在正确的文件夹中。我不能说。正如我在回答中所写的，用gaven params创建一个div，然后编写JS代码。然后用onClick=func调用它。它会起作用的。

function showDialog() { $('#box').fadeIn(250); $('#box').fadeTo(0.5); }
function hideDialog() { $('#box').fadeOut(250); }

#box {
   position: absolute;
   top: 100;
   left: 100;
   width: 100px;
   height: 100px;
   display: none;
}

<!DOCTYPE html><html><head>
  <link href="css/jquery.simpledialog.css" type="text/css" rel="stylesheet" />
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'> </script>
  <script src="js/jquery.simpledialog.js" ></script>
</head><body>
<script type="text/javascript">
  $(document).ready(function () {
    $('.simpledialog1').simpleDialog(); // Default usage
  });
  $(document).ready(function () { // Usage with more parameters
    $('.simpledialog2').simpleDialog({
      opacity: 0.7, // Modified parameter to make it different from default
      duration: 1000,
      title: 'Simple Dialog',
      open: function (event) {
        console.log('open!');
      },
      close: function (event, target) {
        console.log('close!');
      }
    });
  });
</script>

<a href="#" rel="dialog_content" class="simpledialog1">show default dialog!</a>
<a href="#" rel="dialog_content" class="simpledialog2">show slower dialog!</a>

<!-- content -->
<div id="dialog_content" style="display:none;">
  <h3>DEMO</h3>
  <p>This is a demonstration of jQuery SimpleDialog.</p>
  <a href="#" class="close">close</a>
</div>

</body></html>