Jssor转盘滑块,带<;a>;标签在safari中不起作用

Jssor转盘滑块,带<;a>;标签在safari中不起作用,safari,slider,jssor,Safari,Slider,Jssor,这是我的密码: <style> div.img { margin: 5px; padding: 0px; height: auto; width: auto; float: left; } div.img span.img { display: inline-block; } a.img:hover img { } .jssorb03 { position: absolute; }

这是我的密码:

<style>
div.img {
    margin: 5px;
    padding: 0px;
    height: auto;
    width: auto;
    float: left;
}

    div.img span.img {
        display: inline-block;
    }

a.img:hover img {
}

    .jssorb03 {
    position: absolute;
}

    .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
        position: absolute;
        /* size of bullet elment */
        width: 21px;
        height: 21px;
        text-align: center;
        line-height: 21px;
        color: white;
        font-size: 12px;
        background: url(../img/b03.png) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb03 div {
        background-position: -5px -4px;
    }

        .jssorb03 div:hover, .jssorb03 .av:hover {
            background-position: -35px -4px;
        }

    .jssorb03 .av {
        background-position: -65px -4px;
    }

    .jssorb03 .dn, .jssorb03 .dn:hover {
        background-position: -95px -4px;
    }

部门经理{
保证金:5px;
填充:0px;
高度:自动;
宽度:自动;
浮动:左;
}
第二部分,第二部分{
显示:内联块;
}
a、 img:悬停img{
}
.JS03{
位置:绝对位置;
}
.jssorb03 div、.jssorb03 div:hover、.jssorb03.av{
位置:绝对位置;
/*子弹大小*/
宽度:21px;
高度:21px;
文本对齐:居中;
线高:21px;
颜色:白色;
字体大小:12px;
背景:url(../img/b03.png)不重复;
溢出:隐藏;
光标:指针;
}
.JS03分区{
背景位置:-5px-4px;
}
.jssorb03 div:hover,.jssorb03.av:hover{
背景位置:-35px-4px;
}
.js03.av{
背景位置:-65px-4px;
}
.jssorb03.dn、.jssorb03.dn:悬停{
背景位置:-95px-4px;
}


@foreach(fa.get_albums()中的变量项)
{
url=“~/content/images/”+item.picture;
if(@item.Show.Equals(true))
{

@Html.DisplayFor(modelItem=>item.name)

} }

这是我的Jssor设置脚本

<script>
jQuery(document).ready(function ($) {
    var options = {
        $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
        $AutoPlaySteps: 1,                                  //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
        $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
        $PauseOnHover: 3,                               //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

        $ArrowKeyNavigation: true,                          //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
        $SlideDuration: 950,                                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
        $MinDragOffsetToSlide: 50,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
        $SlideWidth: 250,                                   //[Optional] Width of every slide in pixels, default value is width of 'slides' container
        //$SlideHeight: 150,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
        $SlideSpacing: 15,                                  //[Optional] Space between each slide in pixels, default value is 0
        $DisplayPieces: 3,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
        $ParkingPosition: 0,                              //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
        $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
        $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
        $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

        $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
            $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
            $ChanceToShow: 0,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
            $AutoCenter: 0,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
            $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
            $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
            $SpacingX: 0,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
            $SpacingY: 0,                                   //[Optional] Vertical space between each item in pixel, default value is 0
            $Orientation: 1                                 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
        },

        $ArrowNavigatorOptions: {
            $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance
            $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
            $AutoCenter: 0,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
            $Steps: 1                                      //[Optional] Steps to go for each navigation request, default value is 1
        }
    };

    var jssor_slider1 = new $JssorSlider$("slider1_container", options);

jQuery(文档).ready(函数($){
变量选项={
$AutoPlay:true,//[可选]是否自动播放,若要启用幻灯片放映,此选项必须设置为true,默认值为false
$AutoPlaySteps:1,//[可选]每个导航请求的步骤(此选项仅在禁用幻灯片放映时适用),默认值为1
$AutoPlayInterval:4000,//[可选]自上一张幻灯片停止后转到下一张幻灯片的时间间隔(毫秒),如果滑块是自动播放的,默认值为3000
$PauseOnHover:3,//[可选]如果滑块自动播放,鼠标悬停时是否暂停,0不暂停,1桌面暂停,2触摸设备暂停,3桌面和触摸设备暂停,4桌面冻结,8触摸设备冻结,12桌面和触摸设备冻结,默认值为1
$ArrowKeyNavigation:true,//[可选]是否允许键盘(箭头键)导航,默认值为false
$SlideDuration:950,//[可选]以毫秒为单位指定幻灯片的默认持续时间(滑动),默认值为500
$mindragoffsetoslide:50,//[可选]触发幻灯片的最小拖动偏移,默认值为20
$SlideWidth:250,//[可选]每个幻灯片的宽度(以像素为单位),默认值为“幻灯片”容器的宽度
//$SlideHeight:150,//[可选]每个幻灯片的高度(以像素为单位),默认值为“幻灯片”容器的高度
$SlideSpacing:15,//[可选]每张幻灯片之间的间距(以像素为单位),默认值为0
$DisplayPieces:3,//[可选]要显示的片段数(如果该值设置为大于1,则幻灯片将被禁用),默认值为1
$ParkingPosition:0,//[可选]驻车幻灯片的偏移位置(此选项仅在禁用幻灯片放映时适用),默认值为0。
$UISearchMode:1,//[可选]搜索UI组件(幻灯片容器、加载屏幕、导航器容器、箭头导航器容器、缩略图导航器容器等)的方式(0并行,1递归,默认值为1)。
$PlayOrientation:1、//[可选]播放幻灯片的方向(用于自动播放、导航)、1水平、2垂直、5水平反转、6垂直反转,默认值为1
$DRAGORIENTION:1,//[可选]拖动幻灯片的方向,0不拖动,1水平,2垂直,3任意,默认值为1(请注意,$DISPLAYPIGES大于1或停车位置不为0时,$DRAGORIENTION应与$PLAYORIENTION相同)
$BulletNavigatorOptions:{//[可选]用于指定和启用或不启用导航器的选项
$Class:$JssorBulletNavigator$,/[必需]类来创建navigator实例
$ChanceToShow:0,//[必需]0从不,1次鼠标悬停,2次始终悬停
$AutoCenter:0,//[可选]父容器中的自动居中导航器,0无,1水平,2垂直,3两者,默认值为0
$Steps:1,//[可选]每个导航请求的步骤,默认值为1
$Lanes:1,//[可选]指定用于排列项目的通道,默认值为1
$SpacingX:0,//[可选]每个项目之间的水平间距(以像素为单位),默认值为0
$SpacingY:0,//[可选]每个项目之间的垂直间距(以像素为单位),默认值为0
$Orientation:1/[可选]导航器的方向,1水平,2垂直,默认值为1
},
$Arrow导航选项:{
$Class:$jssorarrowsnavigator$,//[Required]类创建箭头导航器实例
$ChanceToShow:2,//[必需]0从不,1次鼠标悬停,2次始终
$AutoCen
<script>
jQuery(document).ready(function ($) {
    var options = {
        $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
        $AutoPlaySteps: 1,                                  //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
        $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
        $PauseOnHover: 3,                               //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

        $ArrowKeyNavigation: true,                          //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
        $SlideDuration: 950,                                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
        $MinDragOffsetToSlide: 50,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
        $SlideWidth: 250,                                   //[Optional] Width of every slide in pixels, default value is width of 'slides' container
        //$SlideHeight: 150,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
        $SlideSpacing: 15,                                  //[Optional] Space between each slide in pixels, default value is 0
        $DisplayPieces: 3,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
        $ParkingPosition: 0,                              //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
        $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
        $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
        $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

        $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
            $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
            $ChanceToShow: 0,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
            $AutoCenter: 0,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
            $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
            $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
            $SpacingX: 0,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
            $SpacingY: 0,                                   //[Optional] Vertical space between each item in pixel, default value is 0
            $Orientation: 1                                 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
        },

        $ArrowNavigatorOptions: {
            $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance
            $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
            $AutoCenter: 0,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
            $Steps: 1                                      //[Optional] Steps to go for each navigation request, default value is 1
        }
    };

    var jssor_slider1 = new $JssorSlider$("slider1_container", options);
  <div>
      <a u="image" href="www.example.com" style="display:block">
          <img src="/example.png" />
      </a>
  </div>
<div class="hidden-xs" style="width:250px;display: inline-block;margin-right:25px;">
        <a href="/Home/show_album/@item.id" class="img">
            <div class="img opct-jq" style="opacity: 0.75; filter: alpha(opacity=75);display:flex;background-image:url('@Url.Content(url)');background-position;background-repeat: no-repeat;background-position: left top;background-size: 100%;width:250px;height:250px;">  </div>
        </a>
        <p style="width:100%;color:#105c59;text-align:center;font-size:16px;font-weight:100;font-family:'Malgun Gothic'">@Html.DisplayFor(modelItem => item.name)</p>

    </div>
<div class="hidden-xs" style="width:250px;display: inline-block;margin-right:25px;">
        <a href="/Home/show_album/@item.id" class="img">
            <div class="img opct-jq" style="opacity: 0.75; filter: alpha(opacity=75);display:flex;background-image:url('@Url.Content(url)');background-position;background-repeat: no-repeat;background-position: left top;background-size: 100%;width:250px;height:250px;">  </div>
        <p style="width:100%;color:#105c59;text-align:center;font-size:16px;font-weight:100;font-family:'Malgun Gothic'">@Html.DisplayFor(modelItem => item.name)</p>

        </a>

    </div>