Question

我在这个使用swipe.js的网站http://www.lubittar.com/上工作 - 访问菜单中的时间轴。我几乎完全按照这个例子，但是next和prev按钮不起作用。如果我将auto：3000添加到脚本它可以工作，但按钮功能由于某种原因没有被看到。

<div id='mySwipe' class='swipe'>
    <div class='swipe-wrap'>
    <div>content</div>
    <div>content</div>
    <div>content</div>
</div>

<div style='text-align:center;padding-top:20px;'>
  <button onclick='mySwipe.prev()'>prev</button> 
  <button onclick='mySwipe.next()'>next</button>
</div>

位于页面底部

<script src='swipe.js'></script>
<script>
    var elem = document.getElementById('mySwipe');
    window.mySwipe = Swipe(elem, {

    });
</script>

Answer 1

你需要像下面的代码一样关闭你的swipe-wrap div，否则浏览器可能会解释按钮在swiper div中并且它们无法正常工作。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net.Http;
using System.Text;
using System.Threading.Tasks;

using Newtonsoft.Json;

    public interface IJsonHelper
    {
        Task<IEnumerable<OverallOutlet>> GetData();
    }

    public class JsonHelper : IJsonHelper
    {
        string url = "http://someurl.com";

        public async Task<IEnumerable<OverallOutlet>> GetData()
        {
            var client = new HttpClient();

            // How to add http header (for example, Key : token, Value : 123456) ?
            var post_data = new FormUrlEncodedContent( new [] {
                    new KeyValuePair<string, string>("username", ""),
                    new KeyValuePair<string, string>("password", "")
                    });

            var result = await client.PostAsync(url, post_data);
            return JsonConvert.DeserializeObject<IEnumerable<OverallOutlet>>(result.ToString());

        }
    }

Swipe.js上一个/下一个不起作用

1 个答案: