小编Yaz*_*min的帖子

我正在使用Fancybox显示内联内容(带有链接到新页面的图像的div).模式中的div和图像显示正常,但是当单击图像转到新页面时,我得到"无法加载请求的内容.请稍后重试." 错误.

FancyBox javascript如下:

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox().hover(function() {
            $(this).click();
        });
        $("#fancybox-outer").fancybox().mouseleave( function() {
               $("#fancybox-overlay").click();
         });
    });
</script>

并适用于以下HTML剪辑:

<li class="fancybox-outer">
    <a id="inline" href="#hover-image_0" class="fancybox">
        <img src="http://website.com/file/id:63" style="margin-top: 32px" />
    </a>
    <p><a href="http://website.com/template/view/18">1G2A</a></p>
    <div style="display: none;"><div id="hover-image_0"><a href="http://website.com/template/view/18"><img src="http://website.com/file/id:64/ext:.png" class="img" /></a></div></div>
</li>

<li class="fancybox-outer">
    <a id="inline" href="#hover-image_1" class="fancybox">
        <img src="http://website.com/file/id:60" style="margin-top: 32px" />
    </a>
    <p><a href="http://website.com/template/view/17">17</a></p>
    <div style="display: none;"><div id="hover-image_1"><a href="http://website.com/template/view/17"><img src="http://website.com/file/id:61/ext:.png" class="img" /></a></div></div>
</li>

有谁看到可能导致问题的原因或我需要纠正的内容？

谢谢!

更新:2012年1月19日 - 我在我的服务器上执行了与第一个答案(http://estorkdelivery.com/example/example.html)相同的测试,发现我得到了相同的回复.所以它似乎与我的服务器有关.

我仍然需要帮助解决这个问题.有人有主意吗？

谢谢!

更新:2012年1月28日 - …

我有一个使用CSS的悬停解决方案设置.但是,悬停图像不尊重视口,因此最终显示在视口外.我打算根据我设计中的图像位置简单地创建指定偏移量的新类,但由于我无法控制用户使用的分辨率,我认为应该有一些方法来强制悬停显示在视口.有没有人知道如何做到这一点？

我有以下CSS:

.thumbnail:hover {
    background-color: transparent;
    z-index: 50;
}

.thumbnail span { 
    position: absolute;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img { 
    border-width: 0;
    padding: 2px;
}

.thumbnail:hover span { 
    visibility: visible;
    top: 0;
    left: 70px; 
}

要将以下缩略图与悬停匹配:

<li>
    <a href="http://www.yahoo.com" class="img thumbnail">
        <img src="1_s.jpg" />
        <span><img src="1_b.jpg" /></span>
    </a>
</li>
<li>
    <a href="http://www.google.com" class="img thumbnail">
        <img src="2_s.jpg" />
        <span><img src="2_b.jpg" /></span>
    </a>
</li>

我这里有一个显示行为的示例页面:

http://estorkdelivery.com/example/example2.html

将鼠标悬停在底部的图像上可查看视口外的悬停图像显示.

谢谢!

更新2/22/2012 …

在以下网站上工作:http://cetcolor.com

带有"Read About It"按钮的标头图形具有一个定位链接,悬停时滚动显示橙色按钮图形并且是可点击链接.

但是,在IE浏览器中,它无法正常工作.

这是受影响的HTML:

<div id="header">
    <a href="/" title="CET Color"><img src="images/logo.gif" width="147" height="86" alt="CET Color" class="logo"></a>
    <span class="strapline">Affordable Large-format UV Printing Solutions</span>
    <a href="/pressroom_article8" class="read_about_it"></a>    
</div>

这是引用的CSS:

#header .read_about_it {
    position: absolute;
    top: 239px;
    left: 803px;
    z-index: 100;
    width: 114px;
    height: 17px;
}
#header .read_about_it:hover {
    background-image: url(/images/masthead_index_read_about_i.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 101;
}

有没有人知道为什么悬停不能在IE浏览器中工作？

我正在这个网站上工作,我被要求在结帐页面添加购物车项目列表.我决定添加

[woocommerce_cart] 

短信代码到结帐页面上方

[woocommerce_checkout]

短代码,只需使用CSS隐藏结帐页面上购物车中的"继续结帐 - >"按钮.

但是,这引入了一个新问题.现在,当在Checkout页面上选择装运时,它默认为在Cart页面上为购物车设置的任何装运...即使在结帐页面上选择了新装运.

显然,这不是将购物车输出添加到结帐页面的方法.

是否有一个短代码只是为了显示购物车物品本身？

我需要编辑什么才能在结帐页面上显示购物车项目？

对于IP规范化,我被告知我需要将站点的IP地址重定向到域名.我正在运行一个标准的WordPress安装,它已经附带了它自己的.htaccess文件.我通过添加"重定向"行修改了它:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /

Redirect 301 http://12.34.56.789 http://www.domainname.com

RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

但是,它不起作用.谁知道什么是错的？

谢谢!

我见过很多类似的问题,但我没有看到对我有用的解决方案.或者也许我只是在密集.:)希望有人可以帮助我.

我有下表:

CREATE TABLE `table_name` (
  `value1` smallint(5) unsigned NOT NULL AUTO_INCREMENT,
  `value2` varchar(50) NOT NULL,
  `value3` tinytext,
  `value4` tinytext,
  `value5` tinytext,
  `value6` char(3) DEFAULT NULL,
  `value7` char(3) DEFAULT NULL,
  PRIMARY KEY (`value1`),
  KEY value2_index ('value2')
) ENGINE=MyISAM AUTO_INCREMENT=46 DEFAULT CHARSET=latin1;

要验证我的索引已设置,这是SHOW INDEX结果:

+--------------+------------+----------------+--------------+-------------+-----------+-------------+----------+--------+------+------------+---------+
| Table        | Non_unique | Key_name       | Seq_in_index | Column_name | Collation | Cardinality | Sub_part | Packed | Null | Index_type | Comment |
+--------------+------------+----------------+--------------+-------------+-----------+-------------+----------+--------+------+------------+---------+
| table_name   |          0 | PRIMARY        |            1 | value1 …

我已经设置了我的页面,以便在第一段内容上创建一个大的下限字母.这可以按预期工作,但是当我在受影响的元素之前有另一个具有指定类的div时,它会使得drop cap消失.

查看示例...
正确显示:http
://jsfiddle.net/KPqgQ/显示不正确:http://jsfiddle.net/d73u9/

我的页面中有以下代码:

<section id="review">
  <div class="content_right"></div>
  <div class="content_left">
    <p>text</p>
    <p>text</p>
  </div>
  <div class="content_left">
    <p>text</p>
    <p>text</p>
  </div>
</section>

使用以下CSS:

   #review .content_left:first-of-type p:first-of-type{
        padding-top:10px;
    }

    #review .content_left:first-of-type p:first-of-type:first-letter{
        float: left;
        line-height:90%;
        padding-right: 15px;
        padding-bottom: 10px;

        font-family: "Georgia",_serif;
        font-weight: bold;
        font-size: 60px;
        color:black;
    }

创建一个大号首字母.

当我删除"content_right"div时,此代码有效,但在那里,CSS无效.我以为我有关于声明的正确顺序,但我必须遗漏一些东西.

有谁知道为什么这不按预期工作？

我正在使用jQuery Accordion.当页面加载时,所有div都会在隐藏之前闪烁一秒钟.我希望div在加载时保持隐藏状态.我以为我是这样做的,通过javascript隐藏在文档就绪检查之外,如下所示:

$('#accordion div').hide();
$('#accordion2 div').hide();

jQuery(document).ready(function($) {...

但是这不起作用,我怀疑是因为我正在使用尚未声明的$快捷方式.

如何在页面加载时触发hide()函数,而不是等到它完全加载然后隐藏div？

谢谢!

我有一些代码创建一个表,根据条目的行值交替行颜色.

<table class="authorList" cellspacing="0">
{exp:channel:entries channel="team" disable="categories|member_data|pagination" orderby="team-last-name" sort="asc"}
{if team-not-with-us != 'y'}
    <tr class="{switch="odd|even"} authorInfo">

      <th class="authorName">
        {if team-bio != ''}<a href="{site_url}about/the-team/{url_title}">{/if}
          {title}
        {if team-bio != ''}</a>{/if}
      </th>
      <td class="position">{team-position}</td>

    </tr>
{/if}
{/exp:channel:entries}
</table>

问题是当我删除一个条目时,我最终连续两个奇数或两个偶数,留下两个相同颜色的行并排.

虽然切换功能很方便,但它引用了数据库中的行数.我不相信我可以应用它来引用if语句中的实际行计数来解决我的问题.(如我错了请纠正我.)

我知道如何使用php进行此更改:

<?php $oddevenrow = 0; ?>
{if team-not-with-us != 'y'}
    <?php $oddevenrow++; ?>
    <?php ($oddeven = ($oddevenrow % 2 ? 'odd' : 'even')); ?>
    <tr class="<?php echo $oddeven; ?> authorInfo">

但我不允许在EE安装中打开PHP.

在EE中我能做些类似的事吗？

谢谢!