Question

我没有jQuery或js的经验，但我正在努力学习，所以任何帮助都非常感激。我有一个jQuery幻灯片（用于实时聊天），我希望在点击链接后滑出。理想情况下

<a href="whatever necessary">Click Here</a>

这将使聊天滑出。 HTML中唯一的代码是onload

<body onload="initializeLiveHelp();">

您可以看到它的工作原理here Link Fixed

如果你需要jQuery，我也可以得到它，但我不确定是否需要它。谢谢

Answer 1

通过切换宽度来尝试。因此，为封闭状态编写CSS并使用此jquery代码段打开它

Toggle width with jQuery

为您的链接添加ID

<a href="whatever necessary">Click Here</a>

变为

<a href="whatever necessary" id="mylink">Click Here</a>

jquery就像这样（但不完全是）。参考SO线程获取更多信息并查看小提琴。或者在这里发布更多HTML，我可以进一步提供帮助。

$(document).ready( function(){
    $('#mylink').click( function() {
        var toggleWidth = $("#toggle").width() == 300 ? "200px" : "300px";
        $('#toggle').animate({ width: toggleWidth });
    });
});

Answer 2

当有人点击链接时触发点击：

// will basically crete the login button
lazy var loginButton: UIButton = {
    let button = UIButton(type: .system)
    button.backgroundColor = UIColor(red: 114, green: 206, blue: 236, alpha: 0)

    button.setTitle("LOG IN", for: .normal)
    button.translatesAutoresizingMaskIntoConstraints = false
    button.setTitleColor(UIColor.white, for: .normal)
    button.titleLabel?.font = UIFont.boldSystemFont(ofSize: 20)

    return button
}()



//will setup constraints for the button
func setupLoginButton(){



}

Preventdefault（）在单击链接时禁用默认行为，否则浏览器将加载另一页。你想要的行为还不清楚，所以你需要考虑你的逻辑。

如何使用href链接初始化jQuery幻灯片？

2 个答案: