Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要帮助解决与Safari的滑块javascript冲突吗_Javascript_Slider - Fatal编程技术网

需要帮助解决与Safari的滑块javascript冲突吗

需要帮助解决与Safari的滑块javascript冲突吗,javascript,slider,Javascript,Slider,我在网站上使用的滑块有问题。 () 该网站是我为一位朋友制作的一个投资组合。所以有几个作品要展示。 每个作品都列为一个链接,当您单击链接时,它会用滑块显示相应的图片。(我使用了一些PHP从数据库Mysql中获取正确的图片) 它可以正常工作,除了狩猎。事实上,有时当我点击一个链接时,页脚的文本(黑框上的白色文本)会消失并重新出现,就像页面正在刷新一样。 此pb有时在第三次单击后出现,有时在多次单击后出现 这是我的密码: 在中: 我打电话给jquery: <script type="text/

我在网站上使用的滑块有问题。 () 该网站是我为一位朋友制作的一个投资组合。所以有几个作品要展示。 每个作品都列为一个链接,当您单击链接时,它会用滑块显示相应的图片。(我使用了一些PHP从数据库Mysql中获取正确的图片)

它可以正常工作,除了狩猎。事实上,有时当我点击一个链接时,页脚的文本(黑框上的白色文本)会消失并重新出现,就像页面正在刷新一样。 此pb有时在第三次单击后出现,有时在多次单击后出现

这是我的密码:

中: 我打电话给jquery:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

我调用滑块的javascript文件:

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

然后在公文包英语页面中,我检查与所选作品($contenu)对应的图像:


在php代码之后,我编写了以下javascript:

<script type="text/javascript">
$(document).ready(function() {
    $('#slides').slides({
        preload: true,
        preloadImage:'Images/img/loading.gif',
        pagination: true,
        fadeSpeed: 0,
        slideSpeed: 0,
        effect: 'slide, slide',
    });
});
</script>

$(文档).ready(函数(){
$(“#幻灯片”)。幻灯片({
预加载:正确,
预加载图像:'Images/img/loading.gif',
分页:正确,
时尚种子:0,
幻灯片速度:0,
效果:“幻灯片,幻灯片”,
});
});
然后我调用footer.php文件。
谢谢

好的,在进行任何真正的调查之前,让我们先把一些事情弄清楚

  • 将jQuery更新至最新版本(http://jquery.com/),那么您就不需要easing插件了,因为它现在已经内置了

  • 不要绑定到window.onload,而是使用正确的语法来使用jQuery:

  • 如果这样做不好,请创建一个非常小的测试页面,其中只包含您正在使用的滑块代码,并检查它是否仍然存在问题

    老实说,我真的不知道为什么人们会使用这些巨大的滑块插件,制作一个滑块是一项简单的小工作,只需要不到10行jQuery。

    这就是我所说的代码,它使用jQuery和ajax,现在,来解释html是非常直接的,div使用
    id=“content”
    将在其中加载您的内容

    现在来看JS/JQuery,每当用户按下div中带有
    id=“content”
    的链接时,必须创建一个名为get_images.php的页面,并使用php代码
    $\u get['realization']
    获取点击链接的数量,从那里它将像当前页面一样工作:)

    对不起,我不擅长解释,但是,如果你想让我进一步澄清,就说:)

    编辑:

    在您的公文包_english.php文件中,应该存在以下代码(我使用的是您网站的英文版本):

    enterprise international 1
    国际企业2
    国际企业3
    国际企业4
    您应该将链接放在页面的一侧,该侧有一个onClick事件,将链接引导到页面头部的javascript函数:

    <html>
         <head>
         <script src="http://code.jquery.com/jquery-latest.js"></script>
         <script type="text/javascript">
             show_image(no){
                 $.ajax({
                     url: 'get_images.php?realisation='+no,
                 success: function(data) {
                     $('#content').html(data);
                }
              });
             }
         </script>
        [... rest of header ...]
        </head>
    
    
    显示图像(否){
    $.ajax({
    url:'get_images.php?realization='+否,
    成功:功能(数据){
    $('#content').html(数据);
    }
    });
    }
    […标题的其余部分…]
    
    此外,在该文件中,您应该具有当前显示图像的div

    <div id="content">
    
    </div>​
    
    get_image.php

    在get_image.php中,您需要拥有当前用于获取图像的内容,因此要将数字(例如41)输入到您正在使用的php代码中,请执行以下操作:

    <?php
    $number = $_GET['realisation'];
    [... Rest of php code to retrieve images ...]
    ?>
    
    
    

    另外,如果您仍然不明白我要去哪里,请尝试阅读jquery文档,看看您是否理解得更透彻:

    您可以做一个jsfiddle来更好地解释您的问题吗,我不能点击上面列出的网站上的任何链接(语言障碍也帮不了什么忙:p)嗨,Lenny,如果你想把网站改成英文,你可以在页面的右上角有一个链接。我面临的问题是,当你进入网站的公文包页面,然后单击页面左侧的链接时,会出现两个pbs:页脚文本消失并重新出现,整个页面“闪烁”。这些pbs不会在每次单击后出现。有时在第二次单击之后,有时在15次单击之后。而且它只出现在狩猎中。这更清楚吗?如果不是,请毫不犹豫地告诉我。非常感谢。当你说页脚时,你是指页面末尾的大黑框吗?我认为页面闪烁的原因(如果我理解你的话)仅仅是因为你正在加载一个新页面,而safari的渲染速度似乎较慢……嗨,Lenny,是的,页脚是结尾的黑框,上面写着白色文本。在点击链接(在公文包页面的左栏)后,页脚的部分文本消失并再次出现(虽然速度很快,但在大屏幕上,你可以看到整个页面,这很累人)。关于flash页面,我明白你的观点,但现在我认为这个pb是固定的,因为它不再是flshing了。。。但是仍然有页脚的文本会引起错误。。。谢谢Lenny–页脚的闪烁也是因为页面刷新,据我在safari(mac)版本上所知,我必须缩小页脚和旁边的链接,所以页脚应该不会有那么多麻烦,因为没有那么多人像显示器那样拥有32英寸的平板屏幕:P,如果你愿意的话,我会给你一个JSFIDLE来演示我的意思。谢谢你的帮助和建议!我会试试的,我会告诉你的。嗨,里奇。页脚上的错误仍然存在。。。我希望我没有浪费你的时间,但你还有其他建议吗
    <html>
         <head>
         <script src="http://code.jquery.com/jquery-latest.js"></script>
         <script type="text/javascript">
             show_image(no){
                 $.ajax({
                     url: 'get_images.php?realisation='+no,
                 success: function(data) {
                     $('#content').html(data);
                }
              });
             }
         </script>
        [... rest of header ...]
        </head>
    
    <div id="content">
    
    </div>​
    
    <?php
    $number = $_GET['realisation'];
    [... Rest of php code to retrieve images ...]
    ?>