小编And*_*ker的帖子

简单的jQuery幻灯片,带有fadein/fadeout

我有这个非常简单的jQuery幻灯片:http://jsfiddle.net/6zA4B/

HTML:

<div class="fadein">
<img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
<img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
<img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

?$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});?
Run Code Online (Sandbox Code Playgroud)

它工作得很好,我只想用3个div替换3个img标签(所以我可以在图像下面加一个标题).如何修改脚本来实现呢?我试过这个,但可能我做错了......

HTML:

<div class="fadein">
    <p><img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">image1</p>
    <p><img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">image2</p>
    <p><img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">image3</p>
</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$(function(){
    $('.fadein p:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('p').fadeIn().end().appendTo('.fadein');}, 3000);
});?
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/S4SmM/1/:d

jquery slideshow fadein

3
推荐指数
1
解决办法
3万
查看次数

jquery自动完成json和可点击链接

我已经在这一段时间了,我的进展非常缓慢,主要是因为我的jquery技能需要改进,我正在尝试:)

我有这个代码:

jQuery(function() {
  jQuery("input#search").autocomplete({
    minLength: 2,
    source: function(request, response) { 
      jQuery.post("index.php?option=com_eat&view=search&format=raw", { 
        "'.$token.'": "1",
        search_string: request.term
      }, function(data) { 
        response( jQuery.map( data, function( item ) {
          return {
            value: item.name,
            url: item.url
          }
        }));
      }, "json"); 
    }
  });
});
Run Code Online (Sandbox Code Playgroud)

帖子的回报是以下形式的json:

data.url = some_url;
data.name = some_name;
Run Code Online (Sandbox Code Playgroud)

我想让json data.name填充自动完成功能,如果点击其中任何一个,它会将页面指向data.url.

对我来说真正的问题是将响应中的JSON数据转换为自动完成结果.在网上没有太多适合我情况的例子,我找不到.

谢谢你的帮助.

jquery json jquery-ui autocomplete jquery-ui-autocomplete

2
推荐指数
1
解决办法
8271
查看次数

如何在拖动事件jqueryui/jquery中单击div/ui.helper?

在Jquery UI的网站上:

http://jqueryui.com/demos/draggable/

如果我有:

<div id="someId" class="someClass">he</div>
<div id="otherId" class="otherClass">he2</div>
Run Code Online (Sandbox Code Playgroud)

和:

$('#someid','#otherid').draggable({
    drag: function(event, ui) {
      alert(ui.helper.THEIDOFTHECLICKEDITEM); // What goes here?
    }
});
Run Code Online (Sandbox Code Playgroud)

如何使用回调中的"ui"变量获取ID的ID或类?如果不可能,我如何从"event"变量中获取它?

javascript jquery jquery-ui jquery-ui-draggable

2
推荐指数
1
解决办法
4397
查看次数

jQuery自动完成插件到jQuery UI自动完成

我使用维基百科的API有一个简单的维基百科自动完成.

目前它正在使用jQuery自动完成插件,我想使用jQuery UI.

有人可以指导我吗?

这是使用插件的工作演示的小提琴:http: //jsfiddle.net/VjLnv/

这是JS:

function attachWikiAutoComplete(expression) {
    $("#artist").autocomplete("http://en.wikipedia.org/w/api.php",  {
        dataType: "jsonp", 
        parse: function(data) { 
            var rows = new Array(); 
            var matches = data[1];
            for( var i = 0; i < matches.length; i++){ 
                rows[i] = { data:matches[i], value:matches[i], result:matches[i] }; 
            } 
            return rows;
        },
        formatItem: function(row) { return row; }, 
        extraParams: {
            action: "opensearch", 
            format: "json", 
            search: function () { return $("#artist").val() } }, 
        max: 10 
    });
}
Run Code Online (Sandbox Code Playgroud)

非常感谢

jquery jquery-ui autocomplete jquery-autocomplete jquery-ui-autocomplete

2
推荐指数
1
解决办法
1983
查看次数

jQueryUI自动完成:触发文本框焦点

我正在尝试在文本框焦点上打开一个jQuery自动完成实例,并从远程源获取数据.这里显示了我的尝试的近似值:

http://jsfiddle.net/Ug2aG/1/

这样做的问题是,当您从下拉列表中选择一个值时,您会注意到对文本框焦点方法的额外调用.我无法找到防止这种额外呼叫的方法,因为它干扰了功能.

有没有更好的方法去做我想要实现的目标?

jquery jquery-ui jquery-ui-autocomplete

2
推荐指数
1
解决办法
4206
查看次数

无法禁用jQuery UI选项卡

API说你无法禁用我认为是问题症结的活动标签.

我在一个UI标签中有六个标签.在ajax调用之后,其中一个选项卡有时是空的,以便根据用户点击新的UI Accordion选项为所有选项卡填充数据.每当用户进行新选择时,我都会使用"零"选项卡作为默认选定选项卡.

我使用以下代码在php文件中进行编码,该文件加载有时空的选项卡以禁用标签为空时.除非用户在单击新的UI Accordion选项时选择了此选项卡,否则它可以正常工作.仅在这种情况下,空选项卡将保持启用状态.

?>
    <script type="text/javascript">
      $(document).ready(function() {
          $( "#tabs" ).tabs( "option", "disabled", false);
      });
    </script>
<?php
}else{ 
?>
    <script type="text/javascript">
      $(document).ready(function() {
          $( "#tabs" ).tabs( "option", "disabled", [2]);
      });
    </script>
Run Code Online (Sandbox Code Playgroud)

有人可以提出一个策略吗?

这是包含ajax调用的脚本:

<script type="text/javascript">                
    $('.stallion').live('click', function(){
 var id = parseInt(this.id);  // Get stallion_ID from clicked "a" tag id.
 activestallion(id);  // Function to indicate clicked Stallion in Stallion Accordion
        // Start loading Overview Tab
        var request = $.ajax({
            url: "stalliondetails.php",
            type: "GET",
            data: {stallion_ID : id}
        });
        request.done( …
Run Code Online (Sandbox Code Playgroud)

jquery-ui jquery-ui-tabs

2
推荐指数
1
解决办法
6984
查看次数

为Jquery timepicker添加秒数

我有一个jQuery Timepicker代码如下:

$('#timepicker').timepicker({
        showOn: 'button',
        button: '.timepicker_button_trigger'
});
Run Code Online (Sandbox Code Playgroud)

这个Timepicker可以在这个网站上看到:这里

我找不到解决方案的问题是我想在这个Timepicker中包含小时和分钟的秒数.这个Timepicker是否有解决方案?

我正在使用timepicker来设置某些东西的持续时间.

jquery jquery-plugins timepicker

2
推荐指数
1
解决办法
2万
查看次数

Jquery/Json UI自动完成机场代码

我试图使用Web服务使用Jquery UI自动完成设置机场代码:

WS是:http: //airportcode.riobard.com - http://airportcode.riobard.com/search?q=dallas&fmt=JSON

我无法创建自动完成,这是我的javascript代码:

<script>
$(function() {
    function log( message ) {
        $( "<div/>" ).text( message ).prependTo( "#log" );
        $( "#log" ).scrollTop( 0 );
    }

    $( "#city" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "http://airportcode.riobard.com",
                dataType: "jsonp",
                data: {
                    fmt: "JSONP",
                    q: request.term
                },
                success: function( data ) {
                    response( $.map( data.geonames, function( item ) {
                        return {
                            label: item.code + (item.name ? ", " + item.location : "") + ", " + …
Run Code Online (Sandbox Code Playgroud)

jquery json jsonp jquery-ui jquery-ui-autocomplete

2
推荐指数
1
解决办法
5084
查看次数

jquery自动完成,验证输入的值

我正在使用jquery并寻找支持mustMatch选项的自动完成(用户必须输入存在的项目名称) - >这不是问题,因为有几个自动完成这样做.
问题是我需要自动完成功能来测试输入的值.
例如:

  1. 用户输入"England".
  2. 以"英格兰"开头的名单.
  3. 用户未点击列表项(不选择英格兰),只需在输入外单击即可.
  4. 支持mustMatch的大多数autocompltes将清除输入,因为用户没有从列表中进行选择.我正在寻找一个自动完成功能,它将验证"英格兰"是否存在并采取相应行动.

你知道这样的自动完成插件吗?或者你知道如何修改存在的插件吗?

javascript jquery jquery-ui autocomplete

2
推荐指数
1
解决办法
8557
查看次数

AutoMapper自定义解析器在构造函数中询问可选参数

我在AutoMapper中遇到了自定义解析器的一些问题.我传递的接口到我的存储库的构造函数,但我不断收到以下错误:

Type needs to have a constructor with 0 args or only optional args
Parameter name: type
Run Code Online (Sandbox Code Playgroud)

我可以通过创建一个无参数构造函数并在那里硬编码我的repo的具体实现来解决它,但我想注入它.

我的解析器:

public class OptionGroupProjectionResolver : ValueResolver<Product, List<OptionGroupProjection>>
{
    private readonly IOptionGroupRepository _optionGroupRepository;

    public OptionGroupProjectionResolver(IOptionGroupRepository optionGroupRepository)
    {
        _optionGroupRepository = optionGroupRepository;
    }

    protected override List<OptionGroupProjection> ResolveCore(Product source)
    {
        var groupIds = new List<int>();
        var optIds = new List<int>();

        foreach (var variant in source.Variants)
        {
            groupIds.AddRange(variant.Options.Select(option => option.GroupId).Distinct());
            optIds.AddRange(variant.Options.Select(option => option.Id).Distinct());
        }

        var groups = _optionGroupRepository.GetAll();

        var results = from gr in groups
                      where groupIds.Contains(gr.Id) …
Run Code Online (Sandbox Code Playgroud)

c# automapper

2
推荐指数
1
解决办法
4555
查看次数