FancyBox插件：在HREF属性上触发

时间：2013-07-08 作者：dorich

我想在单击带有特定url的锚点时显示一个弹出窗口。我在“额外调用”选项卡中尝试了以下代码，但没有成功。

jQuery("a[href=\'http://www.everytrail.com/view_trip.php?trip_id=2027383\']").fancybox({
“transitionIn”：“elastic”，“transitionOut”：“elastic”，“speedIn”：600，“speedOut”：200，“type”：“iframe”，“height”：800}）；

我假设问题出在选择器中，因为我有另一个脚本，其中选择器之外的代码与上面的代码相同，并且工作得很好。我在W3学校做了一个简单的add类测试，测试了选择器的语法，语法似乎是正确的。

关于问题的根源有什么建议吗？语法，也许Fancybox在某些选择器上有问题？

如有任何建议，将不胜感激。

谢谢

1 个回复
最合适的回答,由SO网友:Shahinul Islam 整理而成

jQuery(\'a[href^="http://www.everytrail.com/view_trip.php?trip_id=2027383"]\').fancybox({
试试这个。

<script type="text/javascript">




jQuery(document).ready(function($) {
     jQuery(\'a[href="http://www.everytrail.com/view_trip.php?trip_id=2027383"]\').fancybox({
\'transitionIn\': \'elastic\', \'transitionOut\': \'elastic\', \'speedIn\': 600, \'speedOut\': 200, \'type\': \'iframe\', \'height\': 800 });
    });




</script>
我查看了我的演示，它对我有用

确保您的站点已经加载jQuery：如果没有jQuery。js已加载，请使用以下代码加载

<?php wp_enqueue_script(\'jquery\');?>
在之前添加上述代码<?php wp_head(); ?> 在标题中。php//

结束
标签： plugins   小码农  

相关推荐

plugins_url vs plugin_dir_url

我看到WordPress插件在为一些文件夹创建常量时使用plugins\\u url或plugin\\u dir\\u url。一个比另一个好吗？示例：define( \'MEMBERS_URI\', trailingslashit( plugin_dir_url( __FILE__ ) ) ); define( \'WPACCESS_INC\', plugins_url( \'inc\', __FILE__ ) , true );