Framework7:滑动滑块上的链接未重定向
Framework7是一个用于构建混合移动应用的开源框架。它基于HTML、CSS和JavaScript，并且提供了丰富的UI组件和交互效果，使开发者能够快速构建出具有原生应用体验的移动应用。
滑动滑块上的链接未重定向可能是由于以下原因导致的：
- 链接地址错误：检查滑块上链接的目标地址是否正确，确保链接指向的是期望的页面或资源。
- 代码逻辑错误：检查代码中是否存在逻辑错误，导致链接未正确重定向。可以通过调试工具或日志来定位问题所在。
- 路由配置问题：Framework7使用路由来管理页面之间的跳转，检查路由配置是否正确，确保滑块链接的目标页面在路由中正确定义。
- 页面加载问题：如果链接指向的页面未正确加载，可能导致链接未重定向。检查目标页面的加载逻辑，确保页面能够正确加载。
对于解决滑动滑块上链接未重定向的问题，可以参考以下步骤：
- 检查链接地址：确认链接地址是否正确，可以通过在浏览器中手动输入链接地址来验证。
- 检查代码逻辑：仔细检查代码中与链接相关的逻辑，确保没有错误或遗漏。
- 检查路由配置：查看Framework7的路由配置，确认目标页面是否正确定义。
- 检查页面加载：确保目标页面能够正确加载，可以通过调试工具检查网络请求和错误信息。
如果以上步骤都没有解决问题，可以参考Framework7的官方文档和社区论坛，寻求更详细的帮助和解决方案。
推荐的腾讯云相关产品：腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）可以帮助开发者快速构建移动应用，并提供丰富的开发工具和服务支持。
相关·内容
我想有一个“网格”的图像和滑块，让我有能力有3个滑块的每个视图的列。因此，每次你向上或向下滑动时，都会显示一组新的3张图像。
Framework7的滑块是如何做到这一点的？我试过了
mySlider2 = myApp.slider('.slider-2', {
pagination: '',
spaceBetween: 4,
slidesPerColumn" 3,
direction: 'vertical'
});
我想象它应该是每行列或类似的东西，但我不知道如何做到这一点。
浏览 0提问于2016-02-11得票数 0
3回答
我需要实现的是，当您从箭头上滑动页面时，页面需要向上滑动，用户将被重定向到另一个页面(作为介绍)。
我目前有一种使用滑块的有效方法：
问题是:当使用滑块时，我如何制作页面看起来向上的效果？
浏览 2提问于2016-04-26得票数 0
我在first.html页面中有缩略图，在second.html中有滑动图像，如果在特定的图像上单击，它应该被重定向到一个新的页面，该页面将再次显示该图像以及来自second.html的一些有关它的信息。我已经编写了如下代码，但是它正确地导航到second.html页面，而不是默认情况下指向特定的滑动类，总是显示滑块的第一页。我对html和javascript很陌生，不知道它为什么不重定向下面给定的类。请帮帮我。
<li><a href='second.html' class='.pink-slide'><img src=&
浏览 2提问于2013-10-15得票数 0
回答已采纳
我是framework7的新手，我正在使用滑动面板列出选项。但在索引和一些页面中，我不希望幻灯片打开。我已经启用了面板，留下了这样的滑动：
var myApp = new Framework7({
material: isAndroid ? true : false,
template7Pages: true
swipePanel : 'left'
});
有什么选项可以禁用它吗？
浏览 17提问于2016-09-23得票数 0
回答已采纳
我需要使用图像局外人，可以按右和左角移动。我发现这个反应-本机-图像-滑块显示.but，它不能正确使用.console警告显示有关组件安装。
我还检查了图像滑块框。但他们不适合我的项目。我的项目已经扫描了图像。我想做的是在刷卡上移动图像。如果使用滑块框，则与滑动操作发生冲突。如果有右角和左角，按下图像滑块。
我已经在我的组件中刷卡，我尝试使用图像滑块，因为我想滑动多个用户的图像上刷卡。
浏览 2提问于2021-12-21得票数 0
回答已采纳
1回答
bx-滑块左、右滑动支持
、、、
我正试图弄清楚如何在bx滑块插件中进行左击和右滑动。我问的原因是因为我有一个bx滑块，它可以同步图像滑块和标题滑块。发生的是在最后到第一张幻灯片上，当我在图片上向左滑动时，标题反方向并从右边滑行，这是我不想看到的。我正在寻找一个简单的，但不太复杂的解决方案，bx-滑块，以检测滑动左，并做一个以前的幻灯片转换。
我对这个特性进行了研究，看到了hammer.js、触摸屏和jquery的swipeleft功能(希望使用这个功能，但只用于jquery移动库，而不是jquery本身)，但我真的不想使用库来实现简单的刷函数，而且在Javascript中有太多的代码无法从头开始使用。
我从来没有真正深入到b
浏览 4提问于2016-02-22得票数 2
回答已采纳
我想使用Javascript动态呈现一个范围滑块(将它附加到Framework7移动应用程序中的div emptypage。
首先，我尝试添加一个简单的文本元素，它是有效的(很抱歉，我再也找不到这段代码的源代码作者来给予适当的信任了)。
var div = document.getElementById('emptypage');
var form = document.createElement('form');
var input1 = document.createElement('input');
input1.setAttribute(
浏览 11提问于2019-11-02得票数 0
回答已采纳
当部署到运行Android5.0的三星Note3时，示例应用程序就会挂在启动屏幕上。有什么特别的东西我错过了吗？
使用Framework7 CLI3.1.0和Framework7 5.3.0。创建的应用程序使用：
framework7 create --ui
选择的选项有科多瓦应用，Framework7核心，选项卡视图，Webpack，没有CSS预处理器，包括FW7图标.
App安装在设备上：
npm run build-dev-cordova & f7 cordova run android
该应用程序在运行Android 7的平板电脑上运行良好。
浏览 2提问于2020-01-11得票数 0
回答已采纳
.net毛伊应用程序。如果滑块放入CarouselView的模板，沿滑块拖动value元素将无法工作，如下所示：
<CarouselView ItemsSource="{Binding Items}">
<CarouselView.ItemTemplate>
<DataTemplate>
<Slider Minimum="0" Maximum="30" WidthRequest="200" />
浏览 9提问于2022-11-23得票数 0
回答已采纳
我有一个动态图像的亮度/对比度滑块。我正在打开图像，因为我只是在input type = file.using jquery.I中浏览它。我有一个滑块input type=range .on，向上滑动亮度增加，向下滑动时亮度会降低。
请告诉我怎么做。
浏览 1提问于2013-05-14得票数 0
1回答
如何在动态滑块上创建动态按钮？我在这项技术是新的。我使用滑块，我想在滑块上的按钮，这是动态的，我想重定向下一页的点击事件的按钮。
浏览 0提问于2016-11-29得票数 1
嗨，我刚发现一个关于引导程序滑块的问题，您可以从或下载
这两个插件在iPhone6上似乎都有同样的问题-滑动滑块时工具提示不显示。我只在iPhone6上检查过，但我想其他移动设备也有同样的问题。有没有人找到了解决方案？
浏览 1提问于2015-08-05得票数 4
2回答
jQuery滑块重定向图像
、、、、
我使用作为图像滑块。当我点击第一个滑动图像时，我想将它重定向到。我像这样使用a html标签：
<div class="slideshow">
<ul>
<li><a href="http://google.com"><img src="lemons/1.jpg" alt="lemon" /></a></li>
<li><img src="lemons/2.jpg" alt="
浏览 0提问于2012-04-06得票数 2
回答已采纳
我想创建一个滑块，滑动上边连续与箭头按钮和底部这里我使用这个代码，但这不是滑块上滑块
<script class="secret-source">
jQuery(document).ready(function($) {
$('#banner-slide').bjqs({
animtype : 'slide',
height : 320,
width : 620,
responsive : true,
浏览 0提问于2014-04-12得票数 1
场景:在一个asp.net站点中，我们在ASPX页面上有3个jquery滑块。
这三个滑块(可以在下面的jsfiddle链接中看到)是a)价格b)变量c)相关项目(在选项卡中)
下面是JSfiddle链接。
第三个滑块(related-items滑块)造成了问题，例如上一个和下一个箭头按钮不能滑动，而且当这个滑块存在时，其他滑块也不能滑动(用户看不到上一个/下一个按钮)。
我只需从aspx页面获取html/script/css并将它们放入jsfiddle中&一切似乎都正常。然而，在直播的asp.net上，它不能工作。我已经使asp.net面向公众，我也可以分享网址。
aspx页面使用
浏览 2提问于2013-02-21得票数 1
我在一个页面中有一个简单的<a>，它使用FrameWork7，如下所示：
<li><a href="https://www.google.com/"><img src="images/icons/black/users.png" alt="" title="" /><span>Go Google/span></a></li>
但是当我点击它时，它并不是重定向到google页面。我检查了控制台，它显示如下：
XMLHttpRequest can
浏览 5提问于2016-08-24得票数 1
回答已采纳
下面是jquery代码。我想知道如何在代码中输入函数，当我遍历滑块时，它会暂停滑动。然后当我把鼠标移出滑块时，它会继续滑动照片。
$(document).ready(function() {
$('.photo').hover(function() {
$(this)
.find('.caption')
.stop()
.animate({
bottom: '0'
}, {
浏览 2提问于2015-07-22得票数 1
回答已采纳
1回答
我已经为我的应用程序学习了几个星期的Vue.js 2，我不想使用引导轮，因为没有内置的滑动功能。
所以我尝试使用像Flickity和Hooper这样的Vue.js滑块。但由于某种原因，CSS没有导入，所以我看不到滑块上的任何样式。下面是我测试滑块的步骤
vue create slider-test
然后
npm install hooper
然后我试着跟踪这个
浏览 0提问于2021-03-03得票数 1
回答已采纳
我在我的网站上使用LiquidSlider 2在WordPress帖子之间滑动。我有这样的代码(省略了一些与这个问题无关的代码)：
<div class="liquid-slider" id="slider-id">
<?php foreach ($pageposts as $post): ?>
echo '<div id="slide'.get_the_ID().'">';
我是这样设置LiquidSlider的：
$('#slider-id').liquidS
浏览 2提问于2014-03-25得票数 0
1回答
我在用。该滑块有3个图像，将自动滑动。
我添加了3个链接，从滑块定位与css。这是我的html结构
<div class="custom-navigation">
<a href="#">Slide1</a>
<a href="#">Slide2</a>
<a href="#">Slide3</a>
</div>
我到底需要什么
我需要改变滑块图像时，用户点击每个链接，如滑块分页。简单地说，当用户单击Slide1 <a
浏览 4提问于2015-05-05得票数 0
回答已采纳
2回答
我有一些jQuery手风琴滑块，当单击以显示内容时，可以向下滑动和向上滑动。一切工作正常，但如果你点击相同的链接来滑动相同的内容，它会跳到页面的顶部。
我有过
return false;
为了防止在单击另一个滑块时跳到页面顶部，所以不要太确定要使用什么，这样它就不会跳到页面顶部来滑动相同的内容。
我已经绑定到add
event.preventDefault();
它可以工作，但在IE9和IE8中会中断。
这就是我所拥有的：
$(document).ready(function() {
$('.slider').click(function() {
$('.i
浏览 1提问于2012-08-22得票数 0
回答已采纳
1回答
我想改变这个图像滑块，作为一个点击滑块。这个滑块是自动滑动的。我需要滑动每一张图片点击一个链接。
演示
(function(){
document.getElementById('slideshow').getElementsByTagName('img')[0].className = "fx";
window.setInterval(kenBurns, 4000);
var images = document.getElementById('slideshow').getElement
浏览 6提问于2013-07-27得票数 0
回答已采纳
有没有办法在windows phone 8滑块中添加步骤我希望我的滑块只接受0,1,2,3,4值。
另外，我希望模板是离散的，在滑块上的每个值显示一个小细线，就像Windows phone 8设置中的轻松访问一样。
滑块应该像4个矩形薄盒，如果我在上面滑动填充，
提前感谢
浏览 2提问于2013-10-03得票数 2
1回答
我的slider在webView下面。在webView上将显示什么取决于滑块的值。
我在滑动，它运转正常。我想阻止我的应用程序，或更准确地说，我的webView，做任何事情，而我的手指上滑块(当我移动滑块的圆圈)。然后，在我完成滑动(将我的手指从滑块的圆圈中移出)之后，app/webView应该能够做其他事情。这个是可能的吗？
@IBAction func sliderButton(_ sender: Any) {
loadWebView()
}
sliderButton()方法在用户滑动时触发，但我希望只有在用户停止滑动之后才调用loadWebView()方法。
浏览 3提问于2020-02-13得票数 0
回答已采纳
我试图打开与Framework7的链接。例如，我需要打开
但是它打开了没有about.html的Framework7
浏览 10提问于2016-10-04得票数 0
回答已采纳
3回答
我认为这可能是一个简单的问题。
基本上，我在MATLAB中实现了一个(连续的)滑块。如果我点击滑块并滑动标签，我会得到我想要的，等等。这很好。
现在，向上/向下/向左/向右方向键也可使滑块滑动。但是，我不想让滑块移动，但我想用它们做其他事情。那么，当箭头键被按下时，我如何阻止滑块移动滑动选项卡，以便我可以将它们用于其他用途？
谢谢。
浏览 1提问于2013-10-30得票数 2
4回答
我已经使用iCarousel iOS库实现了一个基本的滑块，但我不知道如何让它成为一个自动滑块，而不是手动滑动。
这是我的示例项目代码，请帮助我
当我在谷歌上搜索时，我得到了这个链接，但我什么都不懂
浏览 0提问于2014-10-06得票数 0
我是一个编程新手，正在尝试用p5.js编写一个草图，我想使用滑块来滑动图像来制作一个“服装选择器”，但我正在努力让滑块在图像中滑动我只能找到通过颜色滑动的示例。这是使用滑块的唯一方法吗？有没有更好的方法来创建这样的草图呢？
谢谢
浏览 3提问于2020-04-17得票数 1
3回答
让我们假设a有一个UISlider，我为它设置了一个特定值。然后，滑块控制柄将按预期移动到该值。
现在，我想让用户来回滑动滑块的手柄，但不要将UISlider的值设置为小于我以编程方式分配给它的值。
例如，我有一个最小值为0，最大值为100的UISlider，我将其值设置为50。我不希望用户滑动"lefter“大于50，但在它的”右侧“，我想让用户来回滑动手柄。
如何在Obj-C中实现这种行为？
浏览 1提问于2013-04-24得票数 6
回答已采纳
这是我的main.js
import Vue from 'vue';
import Framework7 from 'framework7/dist/js/framework7.js';
import Framework7Vue from 'framework7-vue/dist/framework7-vue.js';
import Routes from './routes.js';
import App from './app.vue';
import * as firebase from 'fireb
浏览 9提问于2018-08-22得票数 1
我想创建一个滑块，值从0到100，我可以像任何其他滑块一样滑动…但是在位置30、42和55 (例如)，我想捕捉到这些值，以便于用户在它们处停止滑块
编辑:我的解决方案是有2个滑块，第一个是不可见的，值为0到200，另一个是可见的，值为0到100。可见的滑块不能滑动，只能是不可见的。例如:当我在看不见的滑块上处于50和75之间时，它等于可见滑块上的50。
浏览 0提问于2011-08-18得票数 2
回答已采纳
我有问题，把滑块放在板条箱里，滑块会有反应。
我输入了刷卡，并通过终端安装了npm install swiper。
我的Swiper在HTML中如下所示：
这是frontEnd：
这个滑块会显示出来，但是我不能滑动它，即使我添加导航并点击它，幻灯片也不会改变。
有人知道这个问题吗，还是仅仅是配置错误(希望如此)？
浏览 13提问于2022-05-31得票数 0
1回答
你们如何创建一个滑块，其中拇指居中，但滑块的图像或背景使用滑动手势滑动。
我能找到的唯一真正的例子是这里，在第二个屏幕截图中：
基本上，滑块“拇指”会停留在原地，但标尺上的数字会随着手指的滑动而移动。
只是在这里寻找一些方向，关于你将如何处理这件事。你建议我从哪种控制开始？或者创建自定义控件会更容易？
浏览 2提问于2012-01-25得票数 0
回答已采纳
我有一个用jQuery CarouFredSel插件构建的旋转木马。它工作得很好。我已经根据网站的说明添加了滑动功能。我使用的是jquery touchswipe插件。
问题是当转盘中的项目具有超链接(A标记)时，例如：
<ul id="carousel">
<li><a href="foo.html"><img src="kitten.jpg"/></a><li>
<li><a href="foo.html"><im
浏览 1提问于2013-03-13得票数 1
我有一个覆盖范围从0到4的jquery滑块，并按照通常的用法使用滑动事件上的ui.value填充一个只读文本框。
然而，有时用户想选择0，这意味着他们根本不会滑动，只需单击手柄即可。我希望文本框填充滑块ui.value在滑块控制柄上单击。
有多个滑块都配置相同，因此每个填充的文本框都与所使用的滑块有关。我的问题是，im抓取了句柄的ui.value和id，我需要的是父滑块。
我可以让句柄点击事件来操作，但不能抓取ui.value，我已经尝试了parent()值和类似的派生函数。
$( ".slider .ui-slider-handle").on('click',
浏览 1提问于2019-09-02得票数 0
$( "#minValue" ).val($( "#slider-range" ).slider( "values", 0 ));
$( "#maxValue" ).val( $( "#slider-range" ).slider( "values", 1 ) );
滑块滑动时如何读取值？
滑块滑动时滑块的minValue->minimum值
滑块滑动时滑块的maxValue->maximum值
浏览 0提问于2012-03-30得票数 0
页面上的单个或多个水平滑块会造成麻烦。用户很难滑动滑块的拇指，而不会导致页面视图滑动。
我试过的解决办法
覆盖潘手势使最小速度相关
在滑块上放置一个看不见的矩形来捕捉潘手势。
重写HitTest以使拇指点击矩形更大
浏览 0提问于2014-03-22得票数 2
好吧，也许我做错了这件事。也许有人可以给我指出正确的方向，告诉我应该用谷歌搜索什么，以便在页面完全加载后才能在滑块中加载第二和第三个图像。另一种选择是在页面完全加载并且div中的图像完全加载之前，不加载div中包含滑块的任何内容。我之前尝试过滑块图像的LazyLoad，但它只与滑块的“向左滑动”效果冲突。提前感谢您的帮助
浏览 2提问于2012-11-13得票数 0
回答已采纳
我需要在iphone应用程序中添加一个UISlider控件。这应该看起来像在任何iphone或ipod touch上显示的“滑动解锁”滑块。我想不出该怎么做。
在滑动解锁滑块中，如果我们将thumbImage留在滑块的中间，它会自动回到左侧。我们如何让这种功能在我们的项目中工作。
浏览 1提问于2009-05-03得票数 4
回答已采纳
我正在使用framework7来构建移动应用程序，并滑动布局结构。我想第二个标签来激活3个标签的结构。但是，当我使用下面的代码时，另一个滑动动画正在产生影响。我使用了下面的swiper代码来激活第二个选项卡。有人能帮我解决这个问题吗？
var mySwiper = new Swiper('.swiper-container', {
initialSlide: 2,
speed: 600,
spaceBetween: 100
});
浏览 11提问于2017-01-03得票数 1
1回答
我正在尝试自定义我的BigCommerce主页。所以，我想使用第三方滑块，它比内置的BigCommerce默认滑块要好得多。
因此，我将第三方滑块放在主页上，并将必要的文件放在目录中。(实际上，我不知道如何将它们放在同一个目录中。例如：
"/images/slider.js"
相反，我将它们放在另一个目录中。像这样，
http://mydomain.com/templates/externalslider/slider.js
问题是滑块需要不寻常的时间才能加载到页面上，并且不会滑动。它只是加载第一个幻灯片并显示加载符号。那就什么都没有了。
有人知道这是怎么回事吗？
我很确定我包
浏览 1提问于2013-09-10得票数 0
回答已采纳
2回答
我有一个使用Material UI的React应用程序。这个应用程序在很多地方实现了滑块组件(https://material.io/components/sliders)。使用触摸屏设备时，当我尝试向上或向下滚动页面时，无意中影响了滑块组件(值正在更改)。这不会发生在其他页面组件上，我怀疑这是因为滑块确实(也应该)响应卷帘事件。 Material UI的文档暗示了一种区分“滚动”和“滑动”(https://material.io/design/interaction/gestures.html#types-of-gestures)的方法。有没有办法让我的滑块组件知道"scroll“
浏览 42提问于2020-11-11得票数 15
回答已采纳
2回答
带有全屏背景的响应式滑块
、、、
我一直在尝试做一个在所有分辨率下全屏背景的滑块。
下面是示例：
我使用的是RoyalSlider。但它并不像我预期的那样工作得很好。
我看了看SuperSized滑块。但它只是在图像中滑动，我也需要内容。
浏览 1提问于2012-11-07得票数 0
我在移动设备上滑动owl carousel滑块时遇到了崩溃问题，特别是iphone11pro使用safari和chrome。所有其他滑块都可以正常工作，但当我执行滑动操作时，一个组/滑块会导致整个应用程序崩溃。即使在浏览器堆栈上，我也不能调试这个问题。我只能看到它坠毁。
有人能给我解决这个问题的线索吗？
浏览 15提问于2020-05-19得票数 0
1回答
我想在点击列表项目时滑动，当我点击第一次滑块打开，当我点击第二次点击另一个列表项目第一滑块刚刚关闭，第二滑块没有打开。
这是代码
Slidable(
groupTag: '0',
enabled: enable,
direction: Axis.horizontal,
key: _globalKey,
endActionPane: ActionPane( motion: ScrollMotion(),extentRatio: 1,children: [_getSwipeActions(context)],),
浏览 12提问于2022-04-08得票数 0
1回答
我试图将一个类添加到一个列表项中，这个列表项存在于滑块之外，并且在选择器或函数本身上都有问题。我正在使用滑块革命插件在WP构建滑块，然后是一个无序的列表，我的目标是它的功能。由滑块生成的代码是这样的，我正在基于数据滑动活动属性触发addClass函数.
<div class="forcefullwidth_wrapper_tp_banner" id="rev_slider_2_2_forcefullwidth">
<div id="rev_slider_2_2_wrapper" class="rev_slider
浏览 3提问于2016-07-11得票数 1
回答已采纳
3回答
我正在寻找一种特定类型的内容滑块，但我还没有真正能够找到我需要的。这并不是真正的内容滑块，似乎很难找到我，而是一个滑块与特定类型的分页程序。正如您将从下图中看到的，在实际内容所在的位置下有一个红色条。我正在寻找的是，这是来回滑动，而不仅仅是随着内容的变化。我也希望能够用鼠标抓取它，向左或向右滑动它，并在我滑动它的同时改变内容。我也希望它能在页面加载时自动播放，并在悬停时暂停。任何建议都将不胜感激。谢谢!
浏览 5提问于2012-08-31得票数 1
回答已采纳
2回答
如何在滑动输入type="range"-pointer的末尾触发值？(当用户停止滑动到所需的值时)，因为我不想获得原始值和所需值之间的值！
我在.onclick上做了一些实验，但这不是我想要的！
当用户滑动范围-输入-字段指针时，.onclick无法工作(或者所谓的小东西，您可以在那里滑动吗？)当滑块停止滑动时，光标在滑块上方或下方。
明白我的意思吗？
不知道怎么用德语解释，所以用英语就更难了！
浏览 1提问于2014-04-02得票数 1
回答已采纳
我有一个带有滑块传送带的页面。最近，我的任务是添加触摸界面，以便通过手指滑动来浏览幻灯片。
我找到了一个较旧的jQuery插件，它似乎不再受支持。它允许按需进行触摸滑动，但如果垂直滑动源于滑块carousel元素的边界，则禁止使用垂直滑动滚动页面的功能。
有没有人有一个元素可拖动库的资源，它允许指定的轴(例如，水平轴)，如果滑动的原点发生在元素内，则不会禁用垂直滚动意图？这应该可以在iPhone、黑莓OS 5+等设备上运行
engadget.com在他们的移动网站上有一个滑块来实现这一点。
浏览 0提问于2011-09-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
