$(".zhanshi").click(function() { $(".dh_item2").toggle(); $(".w3").css("transform", "rotate(270deg)");});再次点击w2回到原位置
时间: 2023-08-29 08:14:01 浏览: 38
可以在点击事件中添加一个判断条件,根据当前 w3 的旋转角度是否为270度来进行旋转。代码如下:
```
$(".zhanshi").click(function() {
$(".dh_item2").toggle();
if ($(".w3").css("transform") === "matrix(6.12323e-17, -1, 1, 6.12323e-17, 0, 0)") {
$(".w3").css("transform", "rotate(0deg)");
} else {
$(".w3").css("transform", "rotate(270deg)");
}
});
```
其中,`matrix(6.12323e-17, -1, 1, 6.12323e-17, 0, 0)` 是 `rotate(270deg)` 对应的 CSS 变换矩阵。
相关问题
vu2 params 传参
在Vue.js中,可以使用params传参来实现路由跳转并携带参数的功能。首先,在配置路由时,需要声明接收params参数的路由。可以使用to对象写法或者to字符串写法来传递参数。使用to对象写法时,需要在路由配置中给每个路由设置一个name,然后在跳转时使用该name和params来传递参数。使用to字符串写法时,可以使用模板字符串来拼接参数并在路由跳转时传入。
使用params传参的示例代码如下:
1. 配置路由:
```javascript
const routes = [
{
name: "chuancan",
path: 'zhanshi/:id/:title',
component: Zhanshi,
meta: { title: "传参" },
}
]
```
2. 传递参数:
```html
<!-- to字符串写法 -->
<router-link :to="`/search/home/zhanshi/${item.id}/${item.title}`">{{ item.title }}</router-link>
<!-- to对象写法 -->
<router-link :to="{ name: 'chuancan', params: { id: item.id, title: item.title }}"></router-link>
```
另外,还可以使用query传递参数。使用query传递的参数会显示在URL后面,可以通过this.$router.push方法来实现路由跳转,并在其中指定query的值。
使用query传参的示例代码如下:
```javascript
this.$router.push({ path: '/describe', query: { id: id } })
```
总结来说,使用params传参时需要在路由配置中声明接收参数的路由,并使用to对象写法或to字符串写法来传递参数。使用query传参时,可以通过this.$router.push方法来指定query的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue2路由 传参之params](https://blog.csdn.net/qq_45272615/article/details/124914375)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue动态路由传参](https://blog.csdn.net/weixin_52339077/article/details/125474967)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
protected void loadData() { tvTitle.setText("讨论"); tvRight.setVisibility(View.VISIBLE); tvRight.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(getActivity(), SendLuntanActivity.class); intent.putExtra("detail", 1); startActivity(intent ); } }); luntanList=new ArrayList<>(); rlBack.setVisibility(View.GONE); luntanAdapter = new Luntan1Adapter(getActivity(), LuntanDBUtils.getInstance(getActivity()).findAll()); luntanAdapter.notifyDataSetChanged(); swipeRefresh.setAdapter(luntanAdapter); quanbu.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { luntanAdapter = new Luntan1Adapter(getActivity(), LuntanDBUtils.getInstance(getActivity()).findAll()); swipeRefresh.setAdapter(luntanAdapter); } }); zhanshi.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { luntanAdapter = new Luntan1Adapter(getActivity(), LuntanDBUtils.getInstance(getActivity()).loadByName("展示")); swipeRefresh.setAdapter(luntanAdapter); } }); wenda.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { luntanAdapter = new Luntan1Adapter(getActivity(), LuntanDBUtils.getInstance(getActivity()).loadByName("问答")); swipeRefresh.setAdapter(luntanAdapter); } }); tongzhi.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { luntanAdapter = new Luntan1Adapter(getActivity(), LuntanDBUtils.getInstance(getActivity()).loadByName("通知")); swipeRefresh.setAdapter(luntanAdapter); } }); // } }解释一下这段大妈
这段代码是一个 Android Fragment 中的方法 `loadData()`,它的作用是加载数据并显示到 UI 上。具体实现如下:
1. 首先设置标题栏的标题为 "讨论",并设置右侧按钮可见,点击右侧按钮跳转到发帖页面。
2. 初始化论坛列表 `luntanList`,并将返回按钮设为不可见。
3. 创建一个 `Luntan1Adapter` 对象 `luntanAdapter`,并将从本地数据库中获取到的所有论坛数据放入适配器中。
4. 将适配器 `luntanAdapter` 设置给 SwipeRefreshLayout。
5. 设置四个话题分类的点击事件,分别是 "全部"、"展示"、"问答"、"通知",点击不同的分类则会从本地数据库中加载对应分类的数据,并将数据设置给适配器 `luntanAdapter`,最后将适配器设置给 SwipeRefreshLayout。
总的来说,这段代码实现了一个简单的本地论坛应用的功能,可以显示不同话题分类下的论坛帖子,并且支持发帖功能。